createRoutesFromElements
本页内容

createRoutesFromElements

摘要

参考文档 ↗

从 JSX 元素而不是对象数组创建路由对象。

const routes = createRoutesFromElements(
  <>
    <Route index loader={step1Loader} Component={StepOne} />
    <Route path="step-2" loader={step2Loader} Component={StepTwo} />
    <Route path="step-3" loader={step3Loader} Component={StepThree} />
  </>
);

const router = createBrowserRouter(routes);

function App() {
  return <RouterProvider router={router} />;
}

参数

children

要转换为路由配置的 React 子元素

parentPath

父路由的路径,用于生成唯一 ID。这用于内部递归,不应由应用程序开发人员使用。

返回

一个 RouteObject 对象的数组,可与 DataRouter 一起使用

文档和示例 CC 4.0
编辑