將道具添加到... 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