redux - 共享 Redux 不同的应用商店.. 怎么样?

标签 redux react-redux

我在这里有点头疼。我有两个应用程序。它们是单独的工具。但是,工具 1 之一使用工具 2 的一部分。工具 1 如何进入工具 2 Redux 状态?是否有一个中间件可以让我以某种方式绑定(bind)它们。

TOOL APP1 ---有自己的redux store
TOOL APP2 ---有自己的redux store

我需要来自 APP2 的 APP1 行为。因此,与其“构建”一个新版本,不如导入 APP2 的子部分并使用它......现在,问题来了。 APP1 现在需要知道如何设置和检索它存储在 APP2 子组件中的状态......

有没有一种方法可以让 redux 做到这一点,或者?

更糟糕的是,我想我可以将 APP2 子组件状态存储在 localStorage 或 redis 等中。然后我可以用它来水合 APP1 .. 但是....

最佳答案

没那么难。

您可以通过提供共享 Container 组件(即通过调用 react-redux 的 connect() 进行包装)、共享 Reducer、共享 Actions(使用 Action Creators)和共享中间件来实现。然后,您在主应用程序中使用容器组件、插入 Reducer 并应用中间件。

这是一个包含共享自包含组件的演示应用程序。
https://github.com/kuy/popover-profile

时间线应用程序:Online Demo
留言应用:Online Demo

请将用户名悬停在页面中。您将获得弹出配置文件。

这两个应用程序共享一个 Popover Profile 组件,例如 Gmail 或 SoundCloud 的鼠标悬停名称上的配置文件工具提示。该组件不仅共享状态,还与(假)API 服务器通信。这可以通过使用 redux-saga 的共享中间件来完成。 .

关于redux - 共享 Redux 不同的应用商店.. 怎么样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36487603/

相关文章:

javascript - React/Redux : On Hover of one Component, 更改所有组件的颜色

reactjs - React Redux 意外 token ,预期 ","

reactjs - 如何同步Redux和Relay?

javascript - 合并本地和服务器更新

javascript - 对象作为 React 子对象无效(在 React 15.4.1 的 Internet Explorer 11 中)

javascript - Puppeteer console.log - 如何查看 JSHandle@object 内部?

Redux - 如何区分卸载的内容和后端不存在的内容?

redux-localstorage 的 TypeScript 类型问题,persistState 不是一个函数

javascript - 相机 react native 时出现错误 "null is not an object"

javascript - 如何避免或禁用 Redux 表单文本输入中的自动完成功能?