import React Suspense from react;import BrowserRouter useRoutes Navigate from react-router-dom;import Myfooter from componentsmyfooter;import routes from config;import connect from react-redux;l

import React, { Suspense } from 'react'; import { BrowserRouter, useRoutes, Navigate } from 'react-router-dom'; import Myfooter from '../components/myfooter'; import routes from './config'; import { connect } from 'react-redux';

const App = (props) => { function guardRoutes(routes) { console.log(routes); let list = []; let isLogin = props.token !== "" ? true : false; routes.forEach(route => { let obj = { ...route }; if (obj.redirect) { obj.element = ; } if (!isLogin) { if (obj.auth) { obj.element = ; } } list.push(obj); }); return list; } const GetRoutes = () => useRoutes(guardRoutes(routes)); return ( <Suspense fallback={

); } export default connect(state => ({token:state.user.token || ""}))(App)