props.children 은 어떠한 작업도 없이 기본적으로 설정되는 예약어이다. 이를 사용하면 사용자 지정 컴포넌트에 있는 열고 닫는 태그 사이에 있는 컨텐츠의 내용을 표시할 수 있도록 해준다. 함수 컴포넌트에서의 구조 분해 할당 다음코드를 이렇게 줄일 수 있다
import React, {useState} from 'react'; const Counter = (props) =>{ // 매개변수를 이용해 전달된 값을 받는다. console.log(props); const [count, setCount] = u