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>
  );
});
相关推荐
JarvanMo6 分钟前
在Dart泛型中应该优先使用dynamic还是Object?
前端·flutter·dart
Mintopia32 分钟前
JavaScript 中的计算机图形学核心知识点详解
前端·javascript·计算机图形学
BillKu36 分钟前
vue3中nextTick的作用及示例
javascript·vue.js·ecmascript
恋猫de小郭38 分钟前
Flutter 在 Dart 3.8 开始支持 Null-Aware Elements 语法,自动识别集合里的空元素
android·前端·flutter
智绘前端38 分钟前
Nuxt3中使用UnoCSS指南
前端·chrome
john_Asura38 分钟前
Vue3 自定义指令完全指南
前端·javascript·vue.js·npm·html
墨渊君41 分钟前
还原 Mac Dock 栏动效: 一步步打造流畅的波形缩放动画
前端·css·react.js
凌览1 小时前
4.4K Star 的 chrome-remote-interface 竟有这样的神功,不用写浏览器插件轻松搞定账号密码自动化填充
前端·后端·trae
独立开阀者_FwtCoder1 小时前
用分层结构扩展你的 React 项目
前端·javascript·后端
独立开阀者_FwtCoder1 小时前
AI 神器!一键把 Vue3 源码解析成文档!
前端·javascript·vue.js