[React] Props로 컴포넌트 내려주고 property 할당하기

부모에서 props로 컴포넌트를 내려주고, 자식 컴포넌트에서 해당 props를 받아 그려줄 때
추가적인 property나 props를 할당해주고 싶은 경우에 cloneElement의 두번째 인자를 통해 속성을 내려주면 됨

// 부모
<Child 
    componentProp={<input />}
/>

// 자식
import { cloneElement } from 'react';

const Child = ({ componentProp }) => {
  return (
    <div>
      {cloneElement(componentProp, { value: 0 })}
    </div>
  )
}