React｜如何将道具转移给子组件🏠 返回首页在React中，如何将一个组件从其父方获得的所有道具传递给自己的子方

在React中，如何将一个组件从其父方获得的所有道具传递给自己的子方

假设你有一个组件的层次结构，你从一个顶层组件传递道具，你需要把这些道具不加改动地传递给子代。这种情况经常发生，而你并不希望这样做。

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

相反，你想传递所有的道具，不管它们的名字是什么。

你可以用传播操作符来做。

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

这种语法更容易看懂，更不容易出错，而且它允许灵活性，因为你不需要改变道具名称，也不需要在改变道具时在中间组件中添加道具。