리액트 네이티브를 다루는 기술: 2.2 Props

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

자, 이제 Greeting 컴포넌트를 사용할 때 name 값을 적용해 사용해봅시다. App 컴포넌트를 다음과 같이 수정해보세요.

App.js

import React from 'react';
import {SafeAreaView} from 'react-native';
import Greeting from './components/Greeting';

const App = () => {
  return (
    <SafeAreaView>
      <Greeting name="Props" />
    </SafeAreaView>
  );
};

export default App;

name 값을 Props로 설정했습니다. 결과를 확인해볼까요?

▲ 그림 2-2 Props

‘안녕하세요 Props!’라는 텍스트가 화면에 나타났나요?

신간 소식 구독하기

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