React.js将对象键值对作为props传递

Question

我经常发现自己在jsx中做了类似的事情：

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

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

Answer 1

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

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