React 組件兄弟之間傳遞資料是一個重要的技術,它可以讓你在不同的組件之間共享資料,並且更新資料。在 React 中,有兩種方法可以實現組件之間的資料傳遞:props 和 context。
目錄
Props
Props 是 React 中最常用的資料傳遞方式,它可以讓你在父組件和子組件之間傳遞資料。例如,你可以在父組件中定義一個變數,然後將該變數傳遞給子組件:
<ParentComponent>
<ChildComponent name={name} />
</ParentComponent>
在子組件中,你可以使用 this.props.name
來取得父組件傳遞的變數。
Context
Context 是另一種可以用來在 React 組件之間傳遞資料的方法。它可以讓你在不同層級的組件之間傳遞資料,而不需要一層一層地傳遞 props。
例如,你可以在父組件中定義一個 context,然後在子組件中使用 this.context
來取得該 context:
<ParentComponent>
<ChildComponent />
</ParentComponent>
在子組件中,你可以使用 this.context
來取得父組件傳遞的變數。
總結
React 組件兄弟之間傳遞資料是一個重要的技術,它可以讓你在不同的組件之間共享資料,並且更新資料。在 React 中,有兩種方法可以實現組件之間的資料傳遞:props 和 context。Props 可以讓你在父組件和子組件之間傳遞資料,而 context 則可以讓你在不同層級的組件之間傳遞資料。
推薦閱讀文章
How to Pass Data Between React Components
Pass Data Between React Components
How to Pass Props to a React Component
Passing Data Between React Components
Passing Data Between React Components<br/