反应.js传递对象键值对作为 props

React.js pass object key-value pairs as props

本文关键字：props 键值对 对象 js 反应      更新时间：2023-09-26

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

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

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

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

<MyReactElement foo={bar} {...myObject} />
相关文章：