将道具添加到节点对象

我当前的组件正在从其父节点接收作为道具的节点。将道具添加到节点对象

假设

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

哪里图标会收到类似

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

现在我的组件里面我只需要添加

{} this.props.icon吃出呈现。

我需要的是一个道具的颜色=“＃F00”添加到节点，在某种程度上，它导致

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

我需要内部myComponent的做。不知道什么是正确的语法来做到这一点。

2016-10-02 Snick

不要吝啬，但...你的问题到底是什么？ –

[如何将道具传递给{this.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" });

另一种方法是通过Icon组件，而不是一个Icon实例上，这样就可以React.createElement这需要一个props参数。

2016-10-02 16:27:42 Season

回答