components/Greeting.js
import React from 'react';
import {View, Text} from 'react-native';
function (props) {
return (
<View>
<View>
<Text>안녕하세요 {props.name}!</Text>
</View>
<Text>Extra Text!</Text>
</View>
);
}
Greeting.defaultProps {
name '리액트 네이티브',
};
export default Greeting;
하지만 이렇게 해결하면 불필요한 View 컴포넌트를 하나 사용하게 되므로 나중에 레이아웃과 관련해 작업할 때 귀찮은 일이 발생할 수도 있습니다. 이보다 더 좋은 방법은 JSX Fragment를 사용하는 것입니다. 사용 방법은 간단합니다. 그냥 빈 태그를 사용하면 됩니다.