React 不同组件之间的状态管理
React state management between different components
所以我有以下组件结构:
1
/ \
2 4
| |
3 5
组件 3 是显示在地图上的标记。
组件 5 是表示地图上标记的列表。
是否有可能在组件 5 上发生 onClick 事件后,它会触发组件 3 中的某些 function/state 打开信息窗口?
是的,如果您只使用 React,那么您可以将单击句柄功能从根组件 (1) 传递到组件 5,并在其中切换信息 window 的状态并传递信息 window 从根组件 (1) 到组件 (3) 的所有方式。
另一种方法是使用 Redux。您可以从组件 5 调度 onclick 操作以更改 Redux 存储值并使组件 3 连接到 redux 存储
所以我有以下组件结构:
1
/ \
2 4
| |
3 5
组件 3 是显示在地图上的标记。 组件 5 是表示地图上标记的列表。
是否有可能在组件 5 上发生 onClick 事件后,它会触发组件 3 中的某些 function/state 打开信息窗口?
是的,如果您只使用 React,那么您可以将单击句柄功能从根组件 (1) 传递到组件 5,并在其中切换信息 window 的状态并传递信息 window 从根组件 (1) 到组件 (3) 的所有方式。
另一种方法是使用 Redux。您可以从组件 5 调度 onclick 操作以更改 Redux 存储值并使组件 3 连接到 redux 存储