ReactRouter5——杂七杂八

文章目录

• 1，两种跳转方式
• 2，编程式导航
• 3，正常组件 => 路由组件

1，两种跳转方式

push：默认，记录历史。
replace：之前的URL将会丢失。

开启方式：

<NavLink  replace></NavLink>

2，编程式导航

就是用JS跳转。

this.props.history.push('xxx');
this.props.history.replace('xxx');

路径参数：拼接字符串。
查询参数：拼接字符串。
state参数：方法的第二个参数。

push("xxx",{id:1})

前进后退。

history的方法
goBack()
goForward()

go(1)//正前进n步，负后退

3，正常组件 => 路由组件

import {withRouter} from "react-router-dom";

withRouter(App)