useRoutes

框架模式
数据模式
声明式模式

概述

Routes 的 Hook 版本，使用对象代替组件。这些对象的属性与组件的 props 相同。

useRoutes 的返回值是一个有效的 React 元素，可用于渲染路由树；如果没有任何匹配项，则返回 null。

import * as React from "react";
import { useRoutes } from "react-router";

function App() {
  let element = useRoutes([
    {
      path: "/",
      element: <Dashboard />,
      children: [
        {
          path: "messages",
          element: <DashboardMessages />,
        },
        { path: "tasks", element: <DashboardTasks /> },
      ],
    },
    { path: "team", element: <AboutPage /> },
  ]);

  return element;
}

签名

useRoutes(routes, locationArg): undefined

useRoutes

概述

签名

参数

routes

locationArg