美文网首页
React中非路由跳转组件拿不到router属性?试试withR

React中非路由跳转组件拿不到router属性?试试withR

作者: 喜剧之王爱创作 | 来源:发表于2019-09-24 16:52 被阅读0次
timg.jpg
今天给大家介绍一个高阶函数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的知识,同学们自行百度。这里只做简单用法介绍。

相关文章

网友评论

      本文标题:React中非路由跳转组件拿不到router属性?试试withR

      本文链接:https://www.haomeiwen.com/subject/xlqbuctx.html