在React Native App和React Source之间共享Redux Store,在App的Webview中

时间:2017-09-04 18:00:47

标签: javascript reactjs react-native redux react-redux

我有一个react-native webview组件,它的源代码使用index.html文件,如下所示:

source={require("../dist/index.html")}

index.html文件本身是标准的反应应用程序;它链接到一个bundle.js文件,该文件由webpack创建,并由babel从react jsx文件中转换而来。

整个项目可以被认为是两个应用程序;一个由react-native构建,另一个由react构建。它们是整体的两个部分。

我遇到的问题是我希望他们共享同一个redux商店。我已经尝试让react-native和react端使用相同的import语句导入同一个商店,如下所示:

import {store} from "./store";

但是,这不起作用。我相信这是因为商店文件被捆绑到了反应" app"通过webpack,这样当react-native和react都按名称指向同一个文件时,它们不会查看相同的数据。

目前是否有解决此问题的方法?我已经成功使用window.postMessage来获取过去通信的两个部分。但是,我认为当需要复杂的交互时,基于redux的方法会更有用。

0 个答案:

没有答案