react返回上一页

最新推荐文章于 2024-09-30 14:48:42 发布

原创最新推荐文章于 2024-09-30 14:48:42 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

js 同时被 2 个专栏收录

16 篇文章

订阅专栏

react

6 篇文章

订阅专栏

本文介绍如何在React应用中使用history库实现页面的返回功能。通过import语句引入createHashHistory方法，并创建history实例。定义goBackPage函数，调用history.goBack()方法即可实现返回上一页的功能。在按钮点击事件中调用goBackPage函数，完成页面返回操作。

import {createHashHistory} from 'history'  ;
const history = createHashHistory();//返回上一页这段代码段代码

  goBackPage = () =>
  {
    history.goBack();  //返回上一页这段代码
  };

 <div>
             <button type="button" className="btn btn-link" onClick={ ()=>this.goBackPage() }>返回</button>
           </div>