小编use*_*576的帖子

如何使用 createBrowserRouter 模板化 jsx

据我了解:

  1. <路由加载器...>“仅在使用数据路由器时有效
  2. 数据路由器(如 createBrowserRouter)不允许将“所有”路由包装在包含 <Link> 组件的 jsx 中。查看示例

示例:非数据路由器

<Router>
  <header>
    <Link to="/">Home</Link>
  </header>
  <Routes>
    <Route...>
    <Route...>
  </Routes>
</Router>

Run Code Online (Sandbox Code Playgroud)

示例:数据路由器(引发错误)完整示例

const router = createBrowserRouter([....]);
<div>
  <header>
    <Link to="/">Home</Link>
  </header>
  <RouterProvider router={router} />
</div>
Run Code Online (Sandbox Code Playgroud)

我的问题是:我们如何创建一个使用 <Link> 功能的模板来包装 RouterProvider (及其导入的所有内容)的模板?

javascript reactjs react-router react-router-dom

9
推荐指数
1
解决办法
2万
查看次数