共享Redux不同的App商店..怎么样?

时间:2016-04-07 21:32:47

标签: redux react-redux

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

TOOL APP1 ---有自己的redux商店 TOOL APP2 ---有自己的redux商店

我需要APP2对APP1的行为。所以,而不是"建立"一个新版本,只需导入APP2的子部分并使用它....现在,这是擦。 APP1现在需要知道如何设置和检索它存储在APP2子组件中的状态....

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

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

1 个答案:

答案 0 :(得分:0)

不是那么困难。

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

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

时间线应用:Online Demo
消息应用:Online Demo

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

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