2.react路由重定向

当我们不设置路由重定向的时候，页面上会有一个警告

首先我们在页面引入Navigate组件

然后在Routes重新定义一个Route标签，path为'/' ,element里面是Navigate组件，to代表需要重定向的路径

 

// App.js
import './App.css';
import { Link, Route,Routes ,Navigate } from 'react-router-dom';    // 路由插件
 
 import HOME from "./pages/home";
 import ABOUT from "./pages/about";
 
function App() {
  return (
    <div>
		<Link to='/home'>首页</Link>
		<Link to='/about'>分类</Link>
		<br />
		<Routes>
			<Route path='/home' element={<HOME />}></Route>
			<Route path='/about' element={<ABOUT />}></Route>
			<Route path='/' element={<Navigate to='/home' />}></Route>
		</Routes>
    </div >
  );
}
 
export default App;