如何搭建TS的React项目router6

小王学前端️

于 2024-04-19 17:37:12 发布

阅读量342

点赞数 2

分类专栏： React 文章标签： react.js 前端前端框架

本文链接：https://blog.youkuaiyun.com/weixin_43867229/article/details/137972567

版权

本文详细介绍了如何在使用TypeScript(TS)的React项目中配置router6，并展示了如何在App.tsx中导入和管理路由，以及在index.tsx中引入和渲染App组件，确保了懒加载和默认路由的处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

接上文如何搭建TS的React项目
router6的时候反而不适用了于是用下文

7.配置路由：在 src/routers/index.tsx 中配置路由：

import {
    lazy } from "react";

const Home = lazy(() => import("../pages/home"));
const About = lazy(() => import("../pages/about"));
export type RouterType = {
   
  path: string;
  component: React.LazyExoticComponent<any>;
  root: string[];
  notExect?: boolean