react-router-dom 更新版本，解决报错问题

在运行代码的时候，发现页面报如下错误：

然后检查了我的路由跳转以及路由匹配，发现没有什么问题。


那么是什么原因导致报错了呢，在仔细检查过后，发现是react-router-dom更新版本了
我用过的老版本有：^5.2.0版本， 以及^5.3.0版本。

而现在的版本是：

如果是之前的老版本，用上面的路由跳转及匹配的方法是可以的，页面可以运行。

现在的新版本，页面报错了。

解决办法：

（1）在react-router-dom导入Routes模块;

（2）使用Routes包裹Route，并且将原来的component换成element,绑定的组件书写形式一定要是组件在< />里面。

然后页面就显示出来了。