反应,如何将道具转移到子组件

如何在React中将组件从其父级传递到其子级的所有道具

假设您具有组件的层次结构,在其中您从顶部组件传递了道具,您需要将那些不变的道具传递给孩子。它发生了很多次,而您实际上并不想这样做:

const IntermediateComponent = (props) => {
  return (
    <ChildComponent prop1={props.prop1} prop2={props.prop2} />
  )
}

相反,您想传递所有道具,无论其名称如何。

您可以使用点差算子

const IntermediateComponent = (props) => {
  return (
    <ChildComponent {...props} />
  )
}

这种语法更容易理解,更不容易出错,并且它具有灵活性,因为在更改道具时不需要更改道具名称或在中间组件中添加道具。

免费下载我的反应手册


更多反应教程: