react项目TSX书写Router路由配置粗浅记录（有简洁明了的可以评论链接我学习一下谢谢）

首先引入路由后编写路由文件导出，方便后续调用

import Login from "../view/login";
import Home from "../common/MyLayout/index"
import Mine from "../view/mine/mine";
import Unqualified from "../view/unqualified/unqualified";
import Seek from "../view/seek/seek";
import {AppstoreOutline, FileWrongOutline, SearchOutline, UserOutline} from "antd-mobile-icons";

const loginRouter = {key: "login", path: '/login', name: "login", component: Login}
const mainRouters = [
    //这些是一级路由
    {
        exact: true,
        path: '/mylayout',
        component: Home,
        meta: {title: '首页'},
        icon: <AppstoreOutline />,
    },
    {
        exact: true,
        path: '/unqualified',
        component: Unqualified,
        meta: {title: '不合格'},
        icon: <FileWrongOutline />,
    },
    {
        exact: true,
        path: '/seek',
        component: Seek,