React withRouter非路由组件中实现编程式路由跳转

最新推荐文章于 2024-07-23 10:43:02 发布

YoloAva

最新推荐文章于 2024-07-23 10:43:02 发布

阅读量741

点赞数

分类专栏： React 文章标签： javascript react react.js

本文链接：https://blog.csdn.net/weixin_60463255/article/details/121589504

版权

React 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

import React from 'react';
//withRouter可以加工一般组件，让一般组件具备路由组件所特有的API
//withRouter的返回值是一个新组件
import { withRouter } from 'react-router';

class Header extends React.Component {
  back = () => {
    this.props.history.goBack()
  }
  render() {
    return (
      <div className="page-header">
        <h2>React Router Demo</h2>
        <button onClick={this.back}>回退</button>
      </div>
    )
  }
}
export default withRouter(Header)