【 react】react实现页面后退按钮（goBack（））

Lxq~

于 2019-07-26 16:00:28 发布

阅读量9.7k

点赞数

CC 4.0 BY-SA版权

文章标签： react goback 实现后退

本文链接：https://blog.youkuaiyun.com/qq_42872073/article/details/97393321

本文介绍如何在React项目中使用history库实现页面跳转功能。通过npm安装history库并将其保存为项目的dev依赖。在组件状态中引入并实例化history，为按钮添加点击事件，实现页面的前进和后退操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装 history
npm install history --save-dev
在state里面请求 history，并实例化

this.state = {
            history: require("history").createHashHistory,
        };

给图片（按钮）添加点击事件

<div className="goback">
          <img onClick={this.goback} src={require("../../assets/image/back.45314cf585ebb232852fa9c3f3db721d.png")} alt="" />
          <span></span>
</div>

点击事件里面实现后退

goback = () => {
        this.state.history().goBack();
    }