자, 이제 Greeting 컴포넌트를 App 컴포넌트에서 불러와 사용해봅시다.
App.js
import React from 'react';
import {SafeAreaView} from 'react-native';
import Greeting from './components/Greeting';
const () => {
return (
<SafeAreaView>
<Greeting />
</SafeAreaView>
);
};
export default App;
컴포넌트 코드의 상단에서 더 이상 사용하지 않는 컴포넌트 View와 Text를 지웠습니다. 그리고 App 컴포넌트에서 SafeAreaView 내부에 Greeting 컴포넌트를 사용했습니다.