一个前端,爱跑步、爱吉他、爱做饭、爱生活、爱编程、爱南芳姑娘,爱我所爱。世间最温暖又无价的是阳光、空气与爱,愿它们能带你去更远的地方。

  • 文章
  • 心情
  • 照片墙
  • 留言板
  • 工具
  • 友链
  • biaoblog

    专注web开发技术分享

    react在action中进行路由跳转

    随笔 324 2021-04-20 10:53

    1.下载依赖

    npm i react-router-redux --save
    

    2.引用push

    import { push } from "react-router-redux";
    

    3.在action中使用

     dispatch(push("/login"));
    

    这个方法暂时只适用于我个人的系统,暂时没整理好,因为之前用的connected-react-router

    现在有点混乱,到时候再统一整理


    2023/3/6后续补充

    前置条件 使用了redux-thunk和connected-react-router

    1.
    import { connect } from "react-redux";
    import { push } from "connected-react-router";
    2.
    export default connect(mapStoreStateToProps)(Nav);
    
    3.
      linkTo = (route) => {
        console.log(route);
        this.props.dispatch(push(route.path));
      };
    


    文章评论

    评论列表(0