Reacte路由报错：A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendered direct

由于react-router-dom更新到6版本以后，有一些写法开始与5不同
1.包裹方式不同

A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.

代码：jsx 5版本不需要外面有一层Routes

<div className="panel-body">
    {/* 注册路由 */}
    <Routes> 
      <Route path='/about' element={<About/>}/>
   	  <Route path='/home' element={<Home/>}/>
    </Routes> 
</div>

2.注册路由方式不一样
5版本注册路由

<Routes>
  	<Route path='/about' component={About}/>
   	<Route path='/home' component={Home}/> 
</Routes>

6版本注册路由

<Routes>
  	<Route path='/about' element={<About/>}/>
   	<Route path='/home' element={<Home/>}/>
</Routes>