什么意思
{...this.props}
我正在尝试这样使用它
<div {...this.props}> Content Here </div>
请您参考如下方法:
它的名字是 spread attributes其目的是让 Prop 的传递变得更加容易。
让我们假设您有一个接受 N 个属性的组件。如果数量增加,传递这些信息可能会很乏味且难以处理。
<Component x={} y={} z={} />
因此,您可以这样做,将它们包装在一个对象中并使用扩展符号
var props = { x: 1, y: 1, z:1 };
<Component {...props} />
它将把它解压到组件上的 props 中,即,您“从不”在 render()
函数中使用 {... props}
,只有当您将 props 传递给另一个组件。像平常一样使用解压的 props this.props.x
。