我正在深入研究 React with Redux 来重写我们的产品。\n使用 Redux-Toolkit https://redux-toolkit.js.org/清除了围绕 Redux 的很多迷雾。\n然后我发现 React-Router 做了状态管理混乱,在 redux-first-router https://github.com/faceyspacey/redux-first-router中找到了解决方案。
\n\n现在我想把这些优秀的库结合起来。但我认为我在配置中做错了什么。\n这是代码。从https://codesandbox.io/s/m76zjj924j的沙箱示例开始,我将 configureStore.js 文件更改为(为简单起见,我省略了用户减速器的代码)
\n\nimport { connectRoutes } from \'redux-first-router\';\nimport { configureStore, getDefaultMiddleware } from \'@reduxjs/toolkit\'\nimport { routePaths } from \'../routes\';\n\nconst { reducer: location } = connectRoutes(routePaths);\n\nconst {\n middleware: routerMiddleware,\n enhancer: routerEnhancer,\n initialDispatch\n } = connectRoutes(routePaths, { initialDispatch: false });\n\nexport default function configureRouteStore() {\n const store = configureStore({\n reducer: {\n\n location: location\n },\n middleware: [...getDefaultMiddleware(), routerMiddleware],\n enhancers: (defaultEnhancers) => [routerEnhancer, ...defaultEnhancers]\n })\n …Run Code Online (Sandbox Code Playgroud)