如果你的项目中并没有用到redux，那本文你可以忽略

问题引入

纯粹的单页面react应用中，通过this.props.history.push(‘/list’)就可以进行路由跳转，但是加上了redux后，使用这个语句并不能生效。相信你在做的过程也遇到了此问题，控制台报错了-_-

1
 
Uncaught TypeError: Cannot read property 'push' of undefined

解决方案

  1. 在将要使用js控制路由的组件中引入withRouter方法;

    大专栏  react项目中引入了redux后js控制路由跳转方案le>
    1
    import { withRouter} from 'react-router-dom';

  2. 导出类的时候运用该方法

    1
    		 
    export default withRouter(MailListLeft)

  3. 在MailListLeft组件中正常使用 this.props.history.push(‘/list’)

    1
    		 
    <button type="button" onClick={()=>{this.props.history.push("/list");}}>去列表页面</button>

最新文章

  1. .net 使用Json(),maxJsonLength属性设置的值问题
  2. css模仿表格 居中
  3. Java Servlet（一）：创建工程(jdk7+tomcat7+eclipse)
  4. ubuntu安装jdk-6u45-linux-x64.bin___ZC_20160423
  5. 07.15 first与first-child的区别
  6. PA 项目任务创建资源
  7. BZOJ4552 HEOI2016/TJOI2016排序（线段树合并+线段树分裂）
  8. html横向滑动案例
  9. 服务列表中找不到mysql
  10. springboot shiro开启注释
  11. DMZ 区域
  12. node通过http.request向其他服务器上传文件
  13. Linux基础学习（7）--用户和用户组管理
  14. 异常处理机制中的return关键字
  15. Linux安装和配置Vim7.4
  16. 解决 ImportError: cannot import name pywrap_tensorflow
  17. HDU2102(KB2-I)
  18. linux系统下 git 使用教程
  19. Linux服务器上如何设置MySQL的max_allowed_packe
  20. sublime主题选择

热门文章

  1. JS获取当前时间往后一天的时间
  2. 解决 urxvt “unknown terminal type.”
  3. Linux安装已编译好的FFmpeg，基于centos7
  4. 题解【[FJOI2018]所罗门王的宝藏】
  5. goahead调试经验
  6. Chladni Figure CodeForces - 1162D （暴力，真香啊~）
  7. python类的继承、多继承及其常用魔术方法
  8. JS导出、导入EXCEL(案例)
  9. ES6之对象的语法糖
  10. [USACO09MAR]向右看齐Look Up（单调栈、在线处理）