react hooks 里父子兄相互传值

在 React Hooks 中，可以使用 useContext、useReducer、useCallback 等 Hook 来实现父子兄组件之间的值传递。

其中，useContext 可以用于跨层级传递数据，useReducer 可以用于复杂状态管理，useCallback 可以用于性能优化。

具体实现方法可以参考以下示例代码：

// 创建一个 Context 对象
const MyContext = React.createContext();

// 父组件
function Parent() {
const [count, setCount] = useState(0);

return (
<MyContext.Provider value={{ count, setCount }}>
<Child />
</MyContext.Provider>
);
}

// 子组件
function Child() {
const { count, setCount } = useContext(MyContext);

return (
<div>
<p>Count: {count}</p>
<button onClick={() => setCount(count + 1)}>Increment</button>
</div>
);
}