react-router-dom v6嵌套路由导航导致Redux重置问题求助
React Router v6嵌套路由内导航引发Redux状态重置与组件重渲染问题
我正在使用react-router-dom v6,熟悉Redux和React,但刚深入学习react-router-dom。我设置了嵌套路由,其中一个路由层级可访问Redux <Provider> 上下文。但在该路由层级内导航时,Router上下文下的所有渲染组件都会重渲染,且Redux状态被重置。
我这样设计的原因之一是可根据URL指定的项目初始化中间件,相关中间件代码如下:
const middleware = (projectId) => { let initialized = false; return (store) => (next) => (action) => { if (!initialized) { initialized = true; next({ type: "SET_READY", projectId }); } next(action); }; };
问题复现代码包含在沙箱示例中,核心逻辑可查看src/redux-store.js文件。
内容的提问来源于stack exchange,提问作者Edmund's Echo
相关产品推荐
相关产品推荐

