useRoutes
On this page

useRoutes

Summary

Reference Documentation โ†—

Hook version of Routes that uses objects instead of components. These objects have the same properties as the component props.

The return value of useRoutes is either a valid React element you can use to render the route tree, or null if nothing matched.

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;
}

Signature

useRoutes(routes, locationArg): undefined

Params

routes

No documentation

locationArg

No documentation

Docs and examples CC 4.0
Edit