react使用高阶组件进行界面跳转

时间:2019-12-14
本文章向大家介绍react使用高阶组件进行界面跳转,主要包括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(这个我老是报错找不到,我估计是被淘汰了哈哈我也不知道,等我找到原因再来说)

原文地址:https://www.cnblogs.com/fdd-111/p/12039756.html