[React] 함수 컴포넌트

// ./App.tsx
import React from 'react'; //코드를 자바스크립트로 만들어주는 필수요소
import {SafeAreaView, Text} from 'react-native'; //사용할 코어 컴포넌트
import ArrowComponent from './src/screens/ArrowComponent'; // ArrowComponent.tsx를 import

export default function App() {
	return(
    	<SafeAreaView>
        	<Text> Hello RN World! </Text>
         	<ArrowComponent/>
        </SafeAreaView>
    )
}​​

// ./src/screens/ArrowComponent.tsx
import React from 'react';
import {Text} from 'react-native';

function ArrowComponent() {
  return (
    <Text>함수 컴포넌트</Text>
  )
}

export default ArrowComponent

 

[참조]

https://hsh0607.tistory.com/entry/React-Native-3%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C%EC%9D%98-%EA%B8%B0%EC%B4%88