今天给大家介绍一个高阶函数withRouter
当我们使用react构建项目的时候,经常会通过路由做页面的跳转。这样,我们就可以在组件的props中找到
history
,location
,match
这三个对象,可是我们也经常遇到非路由跳转的页面,对于非路由跳转的页面,我们只要withRouter
一下就可以了。withRouter
是来自react-router-dom
里的一个API,加入你使用的是umi或者dva,也可以从umi/withRouter
中引入。
import { withRouter } from 'react-router-dom'
或
import withRouter from 'umi/withRouter'
用法大概就是
withRouter(YourComponent)
//如果你使用umi或dva
@withRouter()
文章到这里结束,更多关于withRouter的知识,同学们自行百度。这里只做简单用法介绍。