React で Props を this.props.children に効率的に渡すにはどうすればよいですか?

{this.props.children} にプロパティを渡す方法

はじめに

React では、ラッパー コンポーネントを使用して、子コンポーネントのグループをカプセル化し、それらにいくつかの共通プロパティを渡します。

新しいプロパティを使用して子のクローンを作成する

1 つのアプローチは、React を使用することです。子を反復処理し、React.cloneElement を使用して新しい props で各要素のクローンを作成します。ただし、コードが脆弱になる可能性があるため、この方法はお勧めできません。

<br>const Child = ({ childName,sayHello }) => (<br> <button onClick={() =>sayHello(childName)}>{childName}</button><br>);</p>
<p>function Parent({ Children }) {<br>関数sayHello(子供名) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(`Hello from ${childName} the child`);

ログイン後にコピー