react高阶组件——withRouter

withRouter是高阶组件,可以通过 withRouter 获取到 history、location、match 对象。

js 复制代码
import { withRouter } from 'umi';

export default withRouter(({ history, location, match }) => {
  return (
    <div>
      <ul>
        <li>history: {history.action}</li>
        <li>location: {location.pathname}</li>
        <li>match: {`${match.isExact}`}</li>
      </ul>
    </div>
  );
});
相关推荐
挣扎与觉醒中的技术人2 分钟前
【技术干货】三大常见网络攻击类型详解:DDoS/XSS/中间人攻击,原理、危害及防御方案
前端·网络·ddos·xss
记得早睡~3 分钟前
leetcode654-最大二叉树
javascript·数据结构·算法·leetcode
zeijiershuai7 分钟前
Vue框架
前端·javascript·vue.js
vvilkim8 分钟前
使用 JavaScript 和 HTML5 实现强大的表单验证
开发语言·javascript·html5
写完这行代码打球去9 分钟前
没有与此调用匹配的重载
前端·javascript·vue.js
华科云商xiao徐9 分钟前
使用CPR库编写的爬虫程序
前端
狂炫一碗大米饭11 分钟前
Event Loop事件循环机制,那是什么事件?又是怎么循环呢?
前端·javascript·面试
IT、木易13 分钟前
大白话Vue Router 中路由守卫(全局守卫、路由独享守卫、组件内守卫)的种类及应用场景
前端·javascript·vue.js
用户633263128199914 分钟前
Kotlin协程:Continuation 和 suspend 函数的编译后逻辑
javascript
顾林海14 分钟前
JavaScript 变量与常量全面解析
前端·javascript