react 页面跳转

1.使用useHistory跳转

import { useHistory } from 'react-router-dom'
const history = useHistory()
const goPage = () => {history.push('/路由')
}

2.返回上一页

// 如果使用hashHistory，哈希路由，路由上会加上#
import creatHistory from 'history/createHashHistory' // 如果使用createBrowserHistory，浏览器路由
import creatHistory from 'history/createBrowserHistory' const history = creatHistory()
history.goBack()const goBackPage = () => {history.goBack()}

或者直接使用 window.history.back()

 const goBackPage = () => {window.history.back()}

react 页面跳转（下一页，返回上一页）相关推荐

vue 页面回跳两个界面（返回上一页两次）
vue 页面回跳两个界面(返回上一页两次) this.$router.go(-2);
微信中苹果h5页面用window.history.go(-1)返回上一页页面不会重新加载/刷新
微信中h5页面用window.history.go(-1)返回上一页页面不会重新加载问题问题描述:在实际开发中遇到这样一个问题,业务需求涉及到返回上一页问题,第一时间想到了window.history ...
苹果下微信浏览器返回上一页不刷新问题解决方案
苹果下微信浏览器返回上一页不刷新问题解决方案参考文章: (1)苹果下微信浏览器返回上一页不刷新问题解决方案 (2)https://www.cnblogs.com/liuxiaojie/p/78325 ...
微信html开发返回刷新页面,解决微信内置浏览器返回上一页强制刷新问题方法...
微信内置浏览器在返回上一页面,且上一页面包含AJAX代码时,页面就会被强制刷新,极度影响用户体验.而我们想要的效果是:返回上一页面时,页面还停留在原来的状态,AJAX获取到的数据还在,滚动条也在原来的 ...
vue返回上一页不刷新页面的方法 / vue缓存页面
问题: vue框架下,在返回上一页的时候(this.$router.go(-1)) ,默认会让上个页面重新执行一遍生命周期(即被刷新了). 想达到的效果: 返回上一页不刷新页面. 解决方法: 缓存上一 ...
html里怎样返回首页,返回上一页-html页面返回上一页面怎么写
提供3种方法: 1.超链接返回上一页. 返回上一页 2.按钮返回上一页. 3.图片链接返回上一页. [color=#]几秒钟后[/color]自动返回上一页代码:(加入两个head间,表示3秒) fu ...
flutter 定时器、返回上一页、设置最大最小宽度
flutter定时器: //首先在顶部引入 import 'dart:async';//在class类中写的代码// 定义一个Timer变量 Timer _timer;//用一个函数包裹一下 setT ...
微信小程序如何返回上一页的左上角小房子的坑
微信小程序如何返回上一页的左上角小房子的坑头一次写小程序,写了几个插件和几个页面,写完后发现返回上一页的时候是直接返回到首页了出现这一问题的唯一线索就是左上角的小房子,点击小房子会直接退回到首页, ...
js多种方法：返回上一页
js多种方法:返回上一页返回上一页: // 1. 第一种 window.history.go(-1); // 2. 第二种 window.history.back(); // 3. 第三种(语法不合 ...
uniapp navigateBack返回上一页刷新数据
当详情页数据更新后,返回上一页需要刷新列表这个时候可以用 // 详情页返回上一页 uni.navigateBack({success: () => {uni.$emit('updateEqu ...

react 页面跳转（下一页，返回上一页）

react 页面跳转

1.使用useHistory跳转

2.返回上一页

react 页面跳转（下一页，返回上一页）相关推荐

最新文章

热门文章