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>
  );
});
相关推荐
艾小码10 分钟前
AI时代,编程简化:前端开发的范式革命
前端
讨厌吃蛋黄酥10 分钟前
🔥 揭秘React魔法:从JSX到表单组件的性能与交互之争!
前端·javascript·react.js
沫小北11 分钟前
HarmonyOS Lottie动画库总结
前端·harmonyos
Oriel13 分钟前
在 Strapi v4 中生成专业 API 文档
前端·后端
WildBlue14 分钟前
解锁 Babel - JSX 编译:前端魔法背后的秘密🥳
前端·react.js
南方kenny14 分钟前
React 魔法揭秘:useRef 与 forwardRef 的奇妙之旅
前端·javascript·react.js
LaoZhangAI15 分钟前
Playwright MCP完整指南:AI驱动的浏览器自动化测试革命2025
前端·后端
前端Hardy17 分钟前
Python 打造 Excel 到 JSON 转换工具:从开发到打包全攻略
前端·后端·python
guiyanakaung17 分钟前
CMP 如何优雅的实现跨软件的拖拽功能
前端·github
海上生明月丿21 分钟前
Vue 工程化
前端·javascript·vue.js