3.3.1 JSX 내부에서 props 렌더링

    우선 MyComponent 컴포넌트를 수정하여 해당 컴포넌트에서 name이라는 props를 렌더링하도록 설정해 봅시다. props 값은 컴포넌트 함수의 파라미터로 받아 와서 사용할 수 있습니다. props를 렌더링할 때 2장에서 배웠던 것처럼 JSX 내부에서 { } 기호로 감싸 주면 됩니다.

    import React from 'react';
     
    const MyComponent = props => {
    return <div>안녕하세요,  이름은 {props.name}입니다.</div>;
    };
     
    export default MyComponent;
    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.