javascript - 在 React Router v6.+ 中渲染多个元素
问题描述
我需要这个问题的答案:Render multiple components in React Router but for the newer version of react-router-dom(我使用的是 v6.0.2)
旧版本的 router-dom 会这样工作:
<Route path="/">
<Header/>
<Home/>
</Route>
而新的看起来像这样:
<Route exact path="/" element={<Home/>}/>
我也不确定如何添加标题
解决方案
尝试将它们包装在一个片段中
<Route exact path="/" element={<><Header/><Home/></>}/>
推荐阅读
- python - 将已部署的烧瓶应用程序连接到托管在另一台服务器/提供商上的数据库
- mysql - 如何使用 group by 和 order by 获取重复行?
- api - 我可以通过 FileMaker 数据 API 获取文件的 ScriptNames 吗?
- javascript - Javascript 操作/转换 JSON
- javascript - 无法在javascript中显示来自base64字符串的图像
- javascript - React - 如何将对象推送到嵌套在数组中的数组
- python - 如何在 Python 中使用 xlrd 从具有多个值的单个单元格中获取单独的值,以逗号分隔?
- php - 如果 HTML 代码在 PHP 变量中,如何继续?
- r - 为什么我的相关图在垂直行中输出?
- sql - CREATE VIEW 中缺少关键字