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

2021/11/28 12:39:59

本文主要是介绍React 在非路由组件中实现编程式路由跳转,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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)




这篇关于React 在非路由组件中实现编程式路由跳转的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程