reactjs - React 有传递 props 的简写吗？

Question

我厌倦了一直这样做:

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

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

<Elem x, y, z />

或

<Elem {x, y, z} />

Answer 1

如果您的变量包含在一个对象中，例如 this.props，则您可以传播该对象:

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

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

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

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