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

Question

I often find myself doing something like this in my jsx:

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

Is any infrastructure provided to allow me to pass all the key value pairs in my object, as props to an element? I'm aware I can pass in the entire object, but it doesn't feel maximally elegant, especially if it's the only thing I'm passing, since I then have to refer to this.props.myObject.key1 .

Answer 1

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

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