将道具添加到... this.props

Question

我将道具列表传递给像{... this.props}这样的儿童组件，但遇到了需要添加其他道具的情况，我相信我可以做它像<Child {...this.props} addProp="myNewProp" />，但为了保持代码更清洁，我可以以某种方式将addProp添加到列表...this.props，所以我只能通过它？

Answer 1

试试这个：

<Child {...{addProp:"myNewProp", ...this.props}}/> 

（但是，在我看来，通常JSX属性语法看起来更好，但你的例子）

此外，你应该记住，虽然这句法supported由巴贝尔的插件，它是still a proposal并且不能包含在实际的ES7中。

Answer 2

您可以使用JavaScript：

h(Child, { 
    ...this.props, 
    addProp: "myNewProp" 
}) 

h只是别名：const h = React.createElement或JSnoX