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

安装 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();}

【 react】react实现页面后退按钮（goBack（））相关推荐

关于页面之间传参时有空格,中文及点击页面后退按钮的问题
今天心情不错,解决了一些小bug,然后要进行下小总结了..... 首先说这页面间传参,有时传的参数是带有空格的比如一小部分sql语句,怎么办呢? 两种解决方案:1.当进行form表单提交时,用隐藏术 ...
xmarin.android导航栏,android – 如何在xamarin表单中更改导航页面后退按钮
我想在导航页面中更改后退箭头图像.为此在Android应用程序中我创建了导航页面渲染器,然后使用方法toolbar.SetNavigationIcon和它不工作,但当我使用toolbar.SetLog ...
React App项目页面进出场动画
github: gitee.com/yangon/reac- demo: yangon.gitee.io/react-app/ 用到的组件react-animated-router react-ani ...
react部署之页面空白
react部署之页面空白问题:create-react-app build打包后,页面出现空白. 可能一: 控制台报错,js等文件找不到(404) 文件路径问题,只需修改package.json文件 ...
防止页面后退（使浏览器后退按钮失效）
原理:用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远失效. 注:history.go和history.back(包括用户按浏览器历史前进后退按钮)触发, 页面由于使 ...
webpack4+react配置多页面移动端应用程序
webpack4+react配置多页面移动端应用程序前言技术栈项目目录结构移动端适配方案 webpack配置基础配置开发环境配置 react+redux热重载生产环境配置 .babelr ...
react——强制刷新页面三种方式（更）
react--强制刷新页面的刷新页面 async,await函数刷新无效. 没有副作用!!!!! window.location.reload() // 强制页面刷新this.forceUpdate( ...
antd走马灯组件自定义前进后退按钮
antd走马灯组件自定义前进后退按钮[ts + react] antd的Carousel没有提供前进后退按钮需要自己根据文档实现此功能官方提供了next 和prev两个方法 next() 切换到下 ...
js实现浏览器中的前进、后退按钮
JavaScript中window.history 对象包含浏览器历史,history.back()等同于在浏览器点击后退按钮 ,history.forward() 等同于在浏览器中点击前进按钮. h ...

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

【 react】react实现页面后退按钮（goBack（））相关推荐

最新文章

热门文章