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

一、在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
  },
  // ...
];