您必须在每个路由根组件中提供unMount生命周期事件触发的存储清除功能。
如果使用功能组件：

export const Component = () => {

const dispatch = useDispatch();

useEffect(() => {
  return () => {
    dispatch(yourActionThatCleansReduxStore())
  }
}, [])

//rest of your code
}

在我的例子中，我为每个页面URL（如/info或/user）重置我的商店的一部分，商店看起来像

{
  user: {
   id: ...
  },
  info: ...
}

可以使用子组件创建路径控制器

import { useDispatch } from "react-redux";
import { useLocation } from "react-router-dom";
import { cleanState } from "Your-reducer.js";    

function CleanState({ children }) {
  const location = useLocation();
  const dispatch = useDispatch();

  useEffect(() => {
    dispatch(cleanState()); // every time the route changes clean the state
    // if you don't use redux-toolkit you can use action.payload etc....
  },[location.pathname])

  return <>{children}</>;
}

export default CleanState;

你就得把主要的部分

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import YourComponents from "./YourComponents"; // Your components
import CleanState from "./CleanState"; // where did you save it

function App() {
  return (
    <Router>
      <CleanState> // This is the previous component, this will listen the movements of the routes
         <Routes>
           <Route path="/main" element={<YourComponents />} />
           <Route path="*" element={<YourComponents />} />
         </Routes>
      </CleanState>
    </Router>
  );
}

export default App;