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

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

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

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

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

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

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