리액트 네이티브를 다루는 기술: 2.1 나만의 컴포넌트 만들기

자, 이제 Greeting 컴포넌트를 App 컴포넌트에서 불러와 사용해봅시다.

App.js

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

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

export default App;

컴포넌트 코드의 상단에서 더 이상 사용하지 않는 컴포넌트 View와 Text를 지웠습니다. 그리고 App 컴포넌트에서 SafeAreaView 내부에 Greeting 컴포넌트를 사용했습니다.

신간 소식 구독하기

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