ノードオブジェクトへの小道具の追加

現在のコンポーネントは、その親から小道具としてノードを受け取ります。ノードオブジェクトへの小道具の追加

は、私はちょうどそれがレンダリングされた取得するために

{this.props.icon}を追加する必要があるのは、アイコンが私のコンポーネント内で今

<Icon src="...." description="..." />

のようなものを受け取ることになります

myComponent.propTypes = { 
    icon: PropTypes.node.isRequired, 
}

を想定してみましょう。私は必要なもの

は、それが

<Icon src="...." description="..." color="#f00"/>

をもたらし、私はmyComponentというの内部で実行する必要があるような方法で、そのノードに小道具の色=「＃のF00」を追加することです。正しい構文が何であるかはっきりしていません。

2016-10-02 Snick

あなたの質問は何ですか？ –

[[props.props.children]に小道具を渡す方法]（http://stackoverflow.com/questions/32370994/how-to-pass-props-to-this-props-children） –

@erik -sn '小道具として渡されたノードに小道具を追加する方法 – Snick

代わりに、このレンダリング：

React.cloneElement(this.props.icon, { color: "#f00" });

別のオプションはpropsパラメータを取るIconコンポーネントではなくIconインスタンスReact.createElementあなたがすることができるように渡すことです。

2016-10-02 16:27:42 Season

答えて