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

Question

我需要这个问题的答案：在React Router中渲染多个组件，但对于较新版本的react-router-dom（我正在使用v6.0.2）

旧版本的 router-dom 的工作方式如下：

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

而新的看起来像这样：

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

我也不知道如何添加标题

Answer 1

尝试将它们包裹在一个片段中

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