MyComponent를 다음과 같이 수정해 보세요.

MyComponent.js

import React from 'react';
 
const MyComponent = props => {
  return (
    <div>
      안녕하세요, 제 이름은 {props.name}입니다. <br />
      children 값은 {props.children}
      입니다.
    </div>
  );
};
 
MyComponent.defaultProps = {
  name: '기본 이름'
};
 
export default MyComponent;

---

 

브라우저에 다음과 같은 결과물이 나타났나요?

▲ 그림 3-8 children