children
2026년 5월 17일
children
연결된 노트와 함께 읽기
import MyCompoent from './MyComponent'
const App = () => {
return <MyComponent>리액트</MyComponent>;
};
export default App;
// MyCompoent.js
const MyComponent = props => {
return (
<div>
안녕하시요, 제 이름은 {props.name}입니다. <br />
children 값은 {props.children}
입니다.
</div>
);
};
MyComponent.defaultProps = {
name: '기본 이름'
}
export default MyComponent;
// >> 안녕하시요, 제 이름은 기본 이름입니다.
// >> children 값은 리액트입니다.