在react里使用高阶组件 返回组件

import { Component } from "react";

import { withRouter } from "react-router-dom";

 

class SubCom extends Component {

  constructor() {

    super();

  }

  render() {

    return (

      <div className="subcom">

        <button onClick={this.back}>--返回--</button>

      </div>

    );

  }

  back = () => {

    // console.log(this.props);

    this.props.history.goBack();

  };

}

 

// withRouter() 高阶组件:让一个非路由组件,具备路由组件的公共,让这个组件能够使用 history location  match 这三个路由组件才能使用的对象

export default withRouter(SubCom);

想要使用先

import Subcom from "./views/Subcom /Subcom ";

再使用即可  用的地方使用 <Subcom><Subcom>