我有一个工具提示组件,悬停时会显示一个简单的工具提示。
当你 mouseLeave
组件,a setTimeout
触发,当它结束时,工具提示将关闭( setState({ open: false })
)。
现在我想添加一种行为来反射(reflect) native 操作系统工具提示之一:
当你 mouseLeave
工具提示,但立即mouseEnter
不同的工具提示,前一个工具提示立即关闭,新的工具提示打开。
为此,我需要在工具提示组件的所有实例之间拥有共享状态。我可以使用 Redux,但对于如此简单的任务来说,它似乎有点大材小用(我需要一个与存储交互并提供操作和属性的容器)。
有更简单的解决方案吗?
最佳答案
ReactComponent 之间共享信息的最佳方式是 Flux 架构。 Redux是其中之一。
更简单的选择是使用 browser native storage用于存储临时信息:它类似于全局变量,但具有特定的范围和持续时间定义。
关于reactjs - 在同一组件的所有实例之间共享状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37747397/