この質問の目的は、ラッパー内のすべての子に props を渡す適切な方法を明確にすることです。レンダリングに {this.props.children} を利用するコンポーネント。
1 つのアプローチには、React.Children の使用が含まれます。これは、各子要素を反復処理し、React.cloneElement を通じて新しい props でそれらのクローンを作成します。ただし、コードが脆弱になる可能性があるため、この方法は一般的に推奨されません。
例として、次のコードを考えてみましょう。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
|
このアプローチでは、子に props を渡すことができますが、次の代替方法と比べて、型安全性が低く、読みにくい可能性があります:
1 2 3 4 5 6 7 8 9 |
|
この後者のアプローチは、より明示的に意図を伝えます。子供にプロップを渡し、タイプ セーフティを維持します。
以上がReact で Props を「this.props.children」に効果的に渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。