安装路由插件
npm add react-router-dom
npm install react-router-dom@5 --save
App.js 组件实现切换
步骤
1. 导入组件
import About from './components/About/About';
import Home from './components/Home/Home';
2. 导入路由插件
import {Link,Route} from 'react-router-dom';
3. 编写路由链接,功能是实现引起浏览器地址栏的变化
<Link className="list-group-item" to="/home">Home</Link>
<Link className="list-group-item" to="/about">About</Link>
4. 注册路由,实现路径到组件的映射,完成路由跳转
<Route path="/home" component={Home}></Route>
<Route path="/about" component={About}></Route>
使用 Router 去管理 Route 仅仅定义好路由还不能用,还需要路由器进行管理
1. 使用Router(路由器)管理Route(路由),此程序使用的是BrowserRouter
其实,