react路由的安装和使用

学习目标：react路由的安装和使用

react路由安装

npm i react-router-dom -D  安装react路由包
react-router-dom
Router
Route
Link
HashRouter【Hash值作为key】 和 BrowserRouter【path作为key】都差不多

学习内容：react路由的使用和配置

1.引入路由
import {BrowserRouter as Router, Route, Link} from ‘react-router-dom’
BrowserRouter起个名，以后修改Router比较好改
2.路由编写

首页
新闻



这是简单的路由，渲染出页面，首页，新闻，点击跳转到相应的组件
如果加参数的话

首页
新闻1
新闻2




里面的参数id可以在相应的组件内部通过this.props.match.params.id进行获取

3.嵌套路由
嵌套路由就是在组件的基础向下嵌套，路由的引入还是都需要的， 但是只需要写Link，Route就行