React 兄弟組件通信(context) 是 React 開發者在開發時會遇到的一個重要議題，它可以讓開發者在不同層級的組件之間傳遞資料，而不需要將資料傳遞到每一個組件中。在 React 中，context 是一個可以讓開發者在不同層級的組件之間傳遞資料的方法，它可以讓開發者在不同層級的組件之間傳遞資料，而不需要將資料傳遞到每一個組件中。
什麼是 React 兄弟組件通信(context)？
React 兄弟組件通信(context) 是一種在 React 中可以讓開發者在不同層級的組件之間傳遞資料的方法。它可以讓開發者在不同層級的組件之間傳遞資料，而不需要將資料傳遞到每一個組件中。
如何使用 React 兄弟組件通信(context)？
使用 React 兄弟組件通信(context) 的方法很簡單，只需要在父組件中定義一個 context，然後在子組件中使用 context 來接收資料即可。
程式範例
以下是一個簡單的程式範例，可以讓你了解如何使用 React 兄弟組件通信(context)：
// 父組件
class Parent extends React.Component {
constructor(props) {
super(props);
this.state = {
data: 'Hello World'
};
}
render() {
return (
<div>
<ChildContext.Provider value={this.state.data}>
<Child />
</ChildContext.Provider>
</div>
);
}
}
// 子組件
const Child = () => {
return (
<ChildContext.Consumer>
{data => <div>{data}</div>}
</ChildContext.Consumer>
);
};
// 定義 context
const ChildContext = React.createContext();
在上面的程式範例中，我們在父組件中定義了一個 context，並將資料傳遞給子組件，子組件則使用 context 來接收資料。
總結
React 兄弟組件通信(context) 是一種可以讓開發者在不同層級的組件之間傳遞資料的方法，它可以讓開發者在不同層級的組件之間傳遞資料，而不需要將資料傳遞到每一個組件中。使用 React 兄弟組件通信(context) 的方法很簡單，只需要在父組件中定義一個 context，然後在子組件中使用 context 來接收資料即可。
推薦閱讀文章
How to Use React Context Effectively
How to Pass Props to a React Component
React Props vs. State
React Higher Order Components
React Function Components<br/