React 有传递 props 的简写吗？

我厌倦了一直这样做：

<Elem x={x} y={y} z={z} />
<Elem x={this.props.x} y={this.props.y} z={this.props.z} />

有什么办法可以让这样的事情发挥作用吗？

<Elem x, y, z />

or

<Elem {x, y, z} />

如果你的变量包含在一个对象中，例如this.props，您传播对象：

<Elem {...this.props} />

否则，您将传播一个包含所需变量的新对象：

{...{ x, y, z }}

尽管它无缘无故地创建了一个新对象。