什么意思

{...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


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!