/

React，如何將props傳遞給子組件

React，如何將props傳遞給子組件

如何在React中將從父組件獲得的所有props傳遞給子組件

假設您有一個組件層次結構，在其中您從頂級組件將props傳遞給下一級組件，並且您需要將這些props原封不動地傳遞給子組件。這種情況經常發生，您真的不想這樣做：

1
2
3
4
5
const IntermediateComponent = (props) => {
 return (
 <ChildComponent prop1={props.prop1} prop2={props.prop2} />
 )
}

相反，您想要傳遞所有的props，無論其名稱如何。

您可以使用展開運算符來實現：

1
2
3
4
5
const IntermediateComponent = (props) => {
 return (
 <ChildComponent {...props} />
 )
}

這種語法更容易閱讀，更少出錯，並且具有靈活性，因為在更改props時您無需更改中介組件中的props名稱或添加props。

tags: [“React”, “props”, “spread operator”]