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

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的知识,同学们自行百度。这里只做简单用法介绍。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 夜上浓妆。 『楼转朱阁(上)』 红烛洒泪,沉香袅袅,伊人斜卧软榻。 素锦起身,掀开了窗上浅色帷帐,日光透彻且空明的...
    淡香残留文字集合阅读 214评论 0 0
  • 今天是渝悦读书会开心陪伴你每天一本书的第535天。 今日共读:《杂草的故事》 【关于作者】 理查德·梅比是英国著名...
    五感自律研习社阅读 319评论 0 3
  • 作者/奉心无悔 岁月匆匆五十年,不负初衷谱新篇。我们都是七零后,携手同心永向前! 读帅苏良 文友 《 我们都是7...
    奉心无悔阅读 744评论 12 23
  • 遇见 所有遇见都有它真实的意义,相遇时我还是个努力读书的普通学生,渴望被关注懵懂无知的年纪。你会时常问我“那半年对...
    尹诗言阅读 645评论 0 0
  • 我是一名在读专科大二的学生,平时也不善于写作,发这篇文的初衷,也许是吐槽、也是是迷茫期的无奈吧…… 进入大学一...
    琅阿阅读 235评论 0 0

友情链接更多精彩内容