react高阶组件——withRouter

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

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>
  );
});

相关推荐

  1. react组件——withRouter

    2024-06-06 14:00:04       10 阅读
  2. reactwithRouter组件

    2024-06-06 14:00:04       34 阅读
  3. React组件详解

    2024-06-06 14:00:04       19 阅读
  4. 使用React组件

    2024-06-06 14:00:04       9 阅读
  5. React组件|ref转发

    2024-06-06 14:00:04       39 阅读
  6. react组件怎么用?

    2024-06-06 14:00:04       18 阅读
  7. React中的组件

    2024-06-06 14:00:04       15 阅读
  8. React基础三】组件传值、组件、Hook

    2024-06-06 14:00:04       38 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-06 14:00:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-06 14:00:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-06 14:00:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-06 14:00:04       20 阅读

热门阅读

  1. vue中SKU实现

    2024-06-06 14:00:04       7 阅读
  2. 2024前端面试准备-HTML&CSS

    2024-06-06 14:00:04       10 阅读
  3. 深度学习中训练集、验证集和测试集的不同作用

    2024-06-06 14:00:04       9 阅读
  4. Linux学习—Linux服务和守护进程

    2024-06-06 14:00:04       8 阅读
  5. Overall timing accuracy 和Edge placement accuracy 理解

    2024-06-06 14:00:04       8 阅读
  6. flutter 适配屏幕宽高工具

    2024-06-06 14:00:04       10 阅读
  7. 通过nginx弄一个滑块加图片的人机验证

    2024-06-06 14:00:04       10 阅读
  8. 渗透测试之Web安全系列教程(二)

    2024-06-06 14:00:04       8 阅读
  9. 计算机网络——网络安全

    2024-06-06 14:00:04       9 阅读
  10. 【TB作品】msp430f5529单片机,dht22,烟雾传感器

    2024-06-06 14:00:04       10 阅读