如何在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。