如何修复重新打开抽屉？

Question

我有模板：SANDBOX

为什么，切换到嵌套路由时，会出现双重渲染，从而重新打开DRAWER。如何解决？您可以在“NEASTED”选项卡中观看此效果。

需要默认打开第一个嵌套路由

Answer 1

您似乎有重复的“抽屉”路线。删除试图重定向到抽屉中的重复路由，这允许 "/drawer" 路由保持 Drawer 组件挂载。使用 "/drawer" 中的索引路由重定向到 "/drawer/general".

function App() {
  return (
    <div className="App">
      <Routes>
        <Route path="/" element={<Base />} />
        <Route path="drawer" element={<Drawer />}>
          <Route path="general" element={<General />} />
          <Route path="neasted" element={<NeastedTab />}>
            <Route path="general_2" element={<General_2 />} />
          </Route>
          <Route index element={<Navigate to="./general" />} />
        </Route>
      </Routes>
    </div>
  );
}

如何修复重新打开抽屉？

How to fix reopen Drawer?

typescript

reactjs

react-router

material-ui