react-router-dom ^6.0.2使用过程中报错 Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞

因为react-router-dom更新的之后路由使用时做了一写改变
废话不多说，上代码
旧版本:

import React from 'react'
import ReactDOM from 'react-dom'
/* react-router-dom 的基本使用：1 安装： npm i react-router-dom
*/
// 2 导入组件：
import { BrowserRouter as Router, Route, Link } from 'react-router-dom'const First = () => <p>页面一的内容</p>// 3 使用Router组件包裹整个应用
const App = () => (<Router><div><h1>React路由基础</h1>{/* 4 指定路由入口 */}<Link to="/first">页面一</Link>{/* 5 指定路由出口 */}<Route path="/first" component={First} /></div></Router>
)ReactDOM.render(<App />, document.getElementById('root'))

新版本：

import React from 'react'
import ReactDOM from 'react-dom'
/* react-router-dom 的基本使用：1 安装： npm i react-router-dom
*/
// 2 导入组件：
import { BrowserRouter as Router, Route, Link, Routes } from 'react-router-dom'const First = () => <p>页面一的内容</p>
const Home = () => <p>我是首页</p>// 3 使用Router组件包裹整个应用
const App = () => (<Router><div><h1>React路由基础</h1>{/* 4 指定路由的入口 */}<Link to="/first">页面一</Link>{/* 5 指定路由出口 */}<Routes><Route path="/" element={<Home />} /><Route path="/first" element={<First />} /></Routes></div></Router>
)ReactDOM.render(<App />, document.getElementById('root'))

总结： Route 需要在 Routes 里，组件为 element,注意括号内为标签

react-router-dom ^6.0.2使用过程中报错 Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞相关推荐

【R语言】使用nnet过程中报错Error in eval(predvars, data, env) : object ‘naulong‘ not found
项目场景: 不会编程,从R语言书里抄了一段,结果发生如题报错问题描述报错部分代码如下 (BPnet<-nnet(naulong~workd+time+weekd,data=nal,size= ...
Centos下gcc的安装、gcc的更新、gcc安装过程中报错：make[1]: *** [stage1-bubble] 错误 2
Centos下gcc的安装.gcc的更新.gcc安装过程中报错:make[1]: *** [stage1-bubble] 错误 2 文章目录: 1 下载gcc的源码 1.1 源码下载地址: 1.2 下 ...
Hanlp使用过程中报错 RuntimeError: The MPS backend is supported on MacOS 12.3+.
Hanlp使用过程中报错: RuntimeError: The MPS backend is supported on MacOS 12.3+.Current OS version can be qu ...
mysql修改root密码及修改密码过程中报错的解决方案
mysql修改root密码及修改密码过程中报错的解决方案参考文章: (1)mysql修改root密码及修改密码过程中报错的解决方案 (2)https://www.cnblogs.com/codema ...
Activiti流创建数据表的过程中报错 java.sql.SQLSyntaxErrorException: Table ‘activiti.act_ge_property‘ doesn‘t exis
Activiti流创建数据表的过程中报错 java.sql.SQLSyntaxErrorException: Table 'activiti.act_ge_property' doesn't exis ...
vue create xxx创建项目过程中报错的解决方法
vue create xxx创建项目过程中报错的解决方法报错图例解决办法报错图例解决办法首先检查电脑里是否安装node.js 检查方法:命令行输入 node -v 还要再输入一个 npm - ...
安装时间同步ntp服务，过程中报错no module named urlgrabber.grabber
安装时间同步脚本需要安装ntp服务,但是安装过程中报错如下截图 yum -y install ntp ntpdate 原因是系统初始化脚本,编译python ,bin程序是放在这个目录下的.平台这边把 ...
mysql8.0 设置简单密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
mysql8.0 设置简单密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements ...
海思3536：osdrv编译过程中报错及解决方法
1.安装交叉编译工具 1.1 cd toolchain/arm-hisiv300-linux/ 1.2 tar -xvf arm-hisiv300-linux.tar.bz2 1.3 修改cross. ...

react-router-dom ^6.0.2使用过程中报错 Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞

react-router-dom ^6.0.2使用过程中报错 Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞相关推荐

最新文章

热门文章