Question

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

Answer 1

试试这个：

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

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

此外，您应该记住，尽管Babel的插件使用了这种语法supported，但它是still a proposal，并且无法包含在实际的ES7中。

Answer 2

您可以使用JavaScript：

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

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

添加道具到... this.props

2 个答案: