3.3.4 태그 사이의 내용을 보여 주는 children

    리액트 컴포넌트를 사용할 때 컴포넌트 태그 사이의 내용을 보여 주는 props가 있는데요. 바로 children입니다.

    App 컴포넌트를 다음과 같이 한번 수정해 보세요.

    App.js

    import React from 'react';
    import MyComponent from './MyComponent';
     
    const App = () => {
      return <MyComponent>리액트</MyComponent>;
    };
     
    export default App;

     

    위 코드에서 MyComponent 태그 사이에 작성한 리액트라는 문자열을 MyComponent 내부에서 보여 주려면 props.children 값을 보여 주어야 합니다.

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