如何解决在一个React项目中使用多个商店
在我的React Web应用程序中,我想集成开普勒。我发现的唯一教程要求我添加redux。由于我已经有一个redux存储和设置(用于登录/注销),因此无法合并开普勒并将其集成到其中。
https://www.youtube.com/watch?v=BEZjt08Myxs
atom.views.getView(editor).querySelectorAll('.lines .line')
由于我的原始功能正在使用persistentReducer,因此在这种情况下无法在此使用,因此我尝试为此任务制作另一个storeKepler。但是,现在我不确定如何在App.tsx中使用第二个存储。我目前正在使用它:
const persistedReducer = persistReducer(persistConfig,rootReducer)
let store = createStore(persistedReducer);
let persistor = persistStore((store as unknown) as Store<any,AnyAction>);
let storeKepler = createStore(rootReducer,{},applyMiddleware(taskMiddleware))
我读到使用多个商店并不是一个好主意。那我还能如何添加开普勒呢?我还创建了一个沙箱:
https://codesandbox.io/s/kind-darkness-jzz97?file=/src/store/index.ts
无论哪种方式,我都尝试添加多个存储,但是它开始引发不同的打字稿错误。
解决方法
官方文档中有一节讨论了同一件事。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。