路由

安装  npm i react-router-dom -S

导入

BrowserRouter as Router

浏览器路由  别名为 Router

Link

导航

to

切换的页面

Route 路由页面

path 路径

component  组件

BrowserLink

带active激活class 路由连接

路由的参数

<NavLink to="/produce/123">

<Route path="/produce/:id"  componet={Produce}>

function Produce({match}){  match.params.id}

路由组件的props

history

goBack() 返回

goForward 前进

push('/') 切换跳转

replace 跳转不留历史记录

location

地址栏信息

pathname路径

match

params

路由参数

url

配置的地址