리액트 네이티브를 다루는 기술: 2.7.1 useState 사용해보기

2.7.1 useState 사용해보기

우선 App.js 파일을 엽니다. 코드 상단 react 모듈에서 useState를 불러오세요.

import React, {useState} from 'react';

다음으로 App 컴포넌트 내부의 첫 번째 라인에 다음 코드를 삽입해주세요.

App.js

import React, {useState} from 'react';
import {SafeAreaView} from 'react-native';
import Box from './components/Box';

const App = () => {
  const [visible, setVisible] = useState(true);
  return (
    <SafeAreaView>
      <Box rounded={true} size="large" color="blue" />
    </SafeAreaView>
  );
};

export default App;

useState 함수는 다음과 같이 사용합니다.

const [visible, setVisible] = useState(true);

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.