小编use*_*131的帖子

使用 react router v6 实现受保护的路由

使用以下版本创建了一个 react js 仪表板应用程序 "react-router": "^6.0.0-beta.0", "react-router-dom": "^6.0.0-beta.0"

必须为应用程序实现受保护的路由实例，从上面的反应路由器 v6 开始，受保护的路由与我在 v5 上习惯的有点不同。有人可以告诉我如何为此添加受保护的路由吗？感谢您的时间！

这是 app.js

import 'react-perfect-scrollbar/dist/css/styles.css';
import React from 'react';
import { useRoutes } from 'react-router-dom';
import { ThemeProvider } from '@material-ui/core';
import GlobalStyles from 'src/components/GlobalStyles';
import 'src/mixins/chartjs';
import theme from 'src/theme';
import routes from 'src/routes';

const App = () => {
const routing = useRoutes(routes);

return (
<ThemeProvider theme={theme}>
  <GlobalStyles />
  {routing}
</ThemeProvider>
);
};
 export default App;

Run Code Online (Sandbox Code Playgroud)

这是 route.js 代码