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>
  );
});
相关推荐
半桶水专家4 小时前
Vue 3 插槽(Slot)详解
前端·javascript·vue.js
袁煦丞4 小时前
本地AI绘画神器+全局访问——Stable Diffusion WebUI 成功突破:cpolar内网穿透实验室第462个成功挑战
前端·程序员·远程工作
一枚前端小能手4 小时前
🏗️ JavaScript类深度解析 - 从构造函数到现代特性的完整指南
前端·javascript
袁煦丞4 小时前
家用NAS+云盘自由NanoPi R4S+iStoreOS:cpolar内网穿透实验室第460个成功挑战
前端·程序员·远程工作
浏览器API调用工程师_Taylor5 小时前
日报自动化实战:告别手动复制粘贴
前端·javascript·node.js
晴殇i5 小时前
JavaScript还能这样写?!ES2025新语法让代码优雅到极致
前端·javascript·程序员
浏览器API调用工程师_Taylor5 小时前
我是如何将手动的日报自动化的☺️☺️☺️
前端·javascript·爬虫
东哥很忙XH5 小时前
flutter开发的音乐搜索app
android·javascript·flutter
前端Hardy6 小时前
HTML&CSS&JS:抖音爆火的满屏“关心弹幕”酷炫卡片,已经帮你打包好了,快来体验吧!
前端·javascript·css
江城开朗的豌豆6 小时前
我的Vue项目胖成球了!用Webpack给它狠狠瘦个身
前端·javascript