리액트 네이티브를 다루는 기술: 2.4.3 반환할 땐 꼭 하나의 태그로 감싸기

2.4.3 반환할 땐 꼭 하나의 태그로 감싸기

컴포넌트에서 JSX를 반환할 때는 꼭 하나의 태그로 감싸져 있어야 합니다. 예를 들어, Greeting 컴포넌트의 View 아래에 새로운 Text 컴포넌트를 넣어보세요.

components/Greeting.js

import React from 'react';
import {View, Text} from 'react-native';

function Greeting(props) {
  return (
    <View>
      <Text>안녕하세요 {props.name}!</Text>
    </View>
    <Text>Extra Text!</Text>
  );
}

Greeting.defaultProps = {
  name: '리액트 네이티브',
};

export default Greeting;

신간 소식 구독하기

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