Reactのchildren探訪 - Qiita

ReactのJSXでも子要素を定義できますが、これが結構面白いものでした。 自作エレメントにも子要素 ReactのJSXでは、（DOMを組み立てるものである以上当然ですが）<div>の中に<a>を書いて、そしてさらに文字列を書き込む、ということが可能です。 そして、これはHTML由来のエレメントだけでなく、自作のコンポーネントでも実現可能です。 このように、子要素はchildrenというPropとして渡ってきます。 childrenの中身が知りたくて では、このchildrenには何がどのような形式で来るのでしょうか。JSXの変換先であるReact.createElementのソースコードに当たってみました。挙動はchildrenの数によって違います。 0個…childrenにはpropとして渡したchildrenが（もしあれば）渡される 1個…childrenには唯一のchildren引

[naga_sawa]

ript][tips] React.createElement の children は props.children に入ってコンポーネントに渡される/コンポーネント側で Comp = ({children, ...props}) => {} のようにして分離するのがベター？