在 React Router v6.+ 中渲染多个元素

Posted 2023-03-05

【中文标题】在 React Router v6.+ 中渲染多个元素

【英文标题】：Render multiple elements in React Router v6.+

【发布时间】：2021-12-26 07:09:14

【问题描述】：

我需要这个问题的答案：Render multiple components in React Router 但对于较新版本的 react-router-dom（我使用的是 v6.0.2）

旧版本的 router-dom 会这样工作：

<Route path="/">
 <Header/>
 <Home/>
</Route>

而新的看起来像这样：

<Route exact path="/" element=<Home/>/>

我也不确定如何添加标题

【问题讨论】：

仅供参考，Route 组件在 RRDv6 中不再采用 exact 属性。现在默认情况下所有路由都完全匹配。

【参考方案1】：

尝试将它们包装在片段中

<Route exact path="/" element=<><Header/><Home/></>/>

【讨论】：

谢谢！简单有效。