我有一个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的方法会更有用。