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

자, 이제 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!’라는 텍스트가 화면에 나타났나요?

신간 소식 구독하기

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