react 路由配置

react native 需要去下载一些依赖 react 不需要

直接复制粘贴就行

import React, { lazy } from "react";
import { BrowserRouter, Route, Routes, Navigate } from "react-router-dom";
const Home = lazy(() => import("../view/Home"));
const About = lazy(() => import("../view/About"));

// 登录页面组件
const Login = lazy(() => import("../view/Login/LoginIndex"));

// 路由懒加载
const withLoading = (rou: JSX.Element) => (
  <React.Suspense fallback={<div>Loading...</div>}>{rou}</React.Suspense>
);
const routes = [
    // 默认路由
   {
    path: "/",
    element: <Navigate to="/Home " />,
  },
  // 登录页面
  {
    path: "/login",
    element: withLoading(<Login />),
  },
  // 配置其他不符合路由跳转路径
  {
    path: "*",
    element: <Navigate to="/home" />,
  },

  // 正常页面路由
  {
    path: "/home",
    element: withLoading(<Home />),
  },

  {
    path: "/About",
    element: withLoading(<About />),
  },

];
export default routes;