zoukankan      html  css  js  c++  java
  • react使用高阶组件进行界面跳转

    最近在学习react的项目,毕竟在工作中要使用,但是工作中做的react就是直接使用框架写界面,对react其实并不了解,写框架的大佬们确实厉害但是这也让我们这些草鸡失去了踩坑出错的机会,因此还是找个demo自己学习学习瞎搞搞去遇见错误然后解决错误才行的呀。

    于是本着一个菜鸡想要学习的心态,我在网上找了个小系统的demo,但是做登录之后界面跳转就出了问题,明明是用的一样的,可是我的执行上下文里面却是空的(这个问题下次再来说【手动狗头】),因此我百度了很多都不知道是为啥,于是在一个不知名网站里面看到了其他的界面跳转方法,在这里记录一下。

    1.使用withRouter高阶组件,据说是官方推荐方法?

    import React from "react";
    import {withRouter} from "react-router-dom";
    
    class MyComponent extends React.Component {
      ...
      myFunction() {
        this.props.history.push("/some/Path");
      }
      ...
    }
    export default withRouter(MyComponent);

    2. 使用context(这个我老是报错找不到,我估计是被淘汰了哈哈我也不知道,等我找到原因再来说)

  • 相关阅读:
    POJ 1045
    POJ 1051
    POJ 1047
    POJ 1050
    POJ 1046
    POJ 1036
    POJ 1035
    POJ 1032
    【洛谷P1412】经营与开发
    【洛谷P3377】【模板】左偏树(可并堆)
  • 原文地址:https://www.cnblogs.com/fdd-111/p/12039756.html
Copyright © 2011-2022 走看看