小道具を追加する... 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