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} />