反應,如何將道具轉移到子組件

如何在React中將組件從其父級傳遞到其子級的所有道具

假設您具有組件的層次結構,在其中您從頂部組件傳遞了道具,並且您需要將那些不變的道具傳遞給孩子。它發生了很多次,而您實際上並不想這樣做:

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

相反,您想傳遞所有道具,無論其名稱如何。

您可以使用點差算子

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

這種語法更容易理解,更不容易出錯,並且它具有靈活性,因為在更改道具時不需要更改道具名稱或在中間組件中添加道具。

免費下載我的反應手冊


更多反應教程: