reactjs - 在同一组件的所有实例之间共享状态?

标签 reactjs

我有一个工具提示组件,悬停时会显示一个简单的工具提示。

当你 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/

相关文章:

css - 为什么 <header> 之后的 div 没有显示在标题下方?

reactjs - redux-saga 的单元测试抛出错误 : runSaga must be called on an iterator

javascript - react esLint 错误 : Missing "key" prop for element in array

reactjs - 在className中插入变量以检查真/假条件

javascript - 在 React 中更新行

javascript - React CPU 使用率(快速更新)

reactjs - NPM + React + Webpack : How Does Switching Development/Product Modes Work?

reactjs - “redirect_uri”对于 Microsoft 登录 MSAL 身份验证 Azure 无效

服务器上的图像 URL 路径未在正常窗口中呈现,但在隐身模式中呈现

javascript - 使用react.js从api函数获取json数据