在不同组件之间进行状态管理

Question

所以我具有以下组件结构：

                          1
                        /   \
                       2     4 
                       |     |
                       3     5

组件3是在地图上显示的标记。 组件5是代表地图上标记的列表。

一旦组件5发生onClick事件，是否有可能触发组件3中的某些功能/状态来打开信息窗口？

Answer 1

是的，如果仅使用React，则可以将Root组件（1）的单击句柄功能传递给组件5，并在其中切换信息窗口的状态，并从Root组件一直传递信息窗口的状态（1）到组件（3）。

另一种方法是使用Redux。您可以在其中调度组件5的onclick动作来更改Redux存储值，并使组件3连接到Redux存储