React.js 将对象键值对作为道具传递答案

【问题标题】：React.js pass object key-value pairs as propsReact.js 将对象键值对作为道具传递
【发布时间】：2015-01-16 12:19:17
【问题描述】：

我经常发现自己在我的 jsx 中做这样的事情：

myObject= {key1 : 'value1', key2 : 'value2'};
var reactElement = <MyReactElement key1={myObject.key1} key2={myObject.key2}/>;

是否提供了任何基础设施以允许我将对象中的所有键值对作为道具传递给元素？我知道我可以传递整个对象，但感觉不是最优雅，特别是如果这是我唯一传递的东西，因为我必须参考this.props.myObject.key1。

【问题讨论】：

【解决方案1】：

使用 React 0.12 和最近的 jsx 版本，您可以使用扩展运算符。

<MyReactElement foo={bar} {...myObject} />

【讨论】：