React Router v5 和 v6 中，路由对象声明方式有什么区别？

Amore0525

于 2024-06-02 14:05:32 发布

阅读量489

点赞数 8

分类专栏： React杂谈基础与进阶文章标签：前端 react.js typescript

本文链接：https://blog.csdn.net/weixin_43883615/article/details/139268098

版权

React杂谈基础与进阶专栏收录该内容

11 篇文章 0 订阅

订阅专栏

一、在React Router 6.x开始，路由对象的声明需要引用RouteObject。

import { RouteObject } from 'react-router-dom';

const routes: RouteObject[] = [
  {
    path: '/',
    element: <Home />
  },
  {
    path: '/about',
    element: <About />
  },
  // ...
];

二、一些老项目使用的是React Router 5.x，一般路由对象的声明是引用RouteProps类型。

import { RouteProps } from 'react-router-dom';

const routes: RouteProps[] = [
  {
    path: '/',
    component: Home
  },
  {
    path: '/about',
    component: About
  },
  // ...
];