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 적용 결과