从 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} />;
}
要转换为路由配置的 React 子元素
父路由的路径,用于生成唯一 ID。这用于内部递归,不应由应用程序开发人员使用。
一个 RouteObject
对象的数组,可与 DataRouter
一起使用