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

slide 1 of 18, currently active
slide 2 of 18
slide 3 of 18
slide 4 of 18
slide 5 of 18
slide 6 of 18
slide 7 of 18
slide 8 of 18
slide 9 of 18
slide 10 of 18
slide 11 of 18
slide 12 of 18
slide 13 of 18
slide 14 of 18
slide 15 of 18
slide 16 of 18
slide 17 of 18
slide 18 of 18

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);

신간 소식 구독하기

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