作成中のコンポーネントの子要素を変更して複製しようとしていますが、children> の渡し方によって children 型が変わることに最近気付きました。
たとえば、JSX を子として渡す場合:
リーリーMyComponent の children 構造を検査すると、次のようなオブジェクトが表示されます。
リーリー
props.children が存在するため、React.cloneElement はそれを直接使用できます。
リーリー
そして次のように使用してみてください:リーリー
そうすると、children オブジェクトの構造は次のようになります:
リーリー
を呼び出さない限り、React.cloneElement は使用できなくなりましたが、これに関するドキュメントはあまり見つかりません。
なぜこのようなことが起こるのでしょうか?これは期待されていますか?子のツリー全体のクローンを作成するには、
を呼び出すことが唯一の方法ですか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
実際にアクセスしてクローンを作成したいのは、プロパティに関係なく、返される親 JSX 要素の子要素 Hello propsとして空のオブジェクトがあります。子オブジェクトがなく、値を持つプロパティを渡していないため、propsは # です。 ##{}。children.type()
(関数が返すもの) であり、その中に子がラップされています (Hello) ので、children.type().props.childrenもここに存在するため、クローンを作成できます。