3.3.2 컴포넌트를 사용할 때 props 값 지정하기

    App 컴포넌트에서 MyComponent의 props 값을 지정해 보겠습니다. App.js의 코드를 다음과 같이 수정해 보세요.

    App.js

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

     

    코드를 저장하고 브라우저를 확인해 보세요. 다음과 같은 결과가 보이나요?

    ▲ 그림 3-6 props 적용 결과

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