goback history 传递参数_goback 返回上一页触发刷新 / 回调传参

需求：2个页面，list 和 update，从 list 进入 update操作完成后返回到 list 页面，并触发 list 页面的刷新。

方案如下：

一、navigate 中传递一个callback函数作为参数

从 list 进入 update时先传递一个callback函数作为参数

update在goback前调用callback方法，在callback里面刷新list页面。

比如在 list 跳转到 update 时携带一个参数去下个页面

navigate('update ',{ callback: (data)=>{ console.log(data); // 打印值为：'回调参数' } });

在 update 页面 goback 之前，取到并回传参数，这样回传参数会重走 render 方法。

const {navigate,goBack,state} = this.props.navigation;

state.params.callback('回调参数');

goBack();

延伸问题：跨多级页面返回要如何处理？

二、利用 DeviceEventEmitter 通知

在 list componentDidMount方法中注册监听事件

DeviceEventEmitter.addListener('BackTo', (dic) => {

// 接收到 update 页发送的通知，后进行的操作内容

console.log('BackTo', dic)

});

在 update 页 componentWillUnmount 方法中触发监听事件

DeviceEventEmitter.emit('BackTo',{name: 'back'});

延伸问题：返回时可能触发多次事件，遇到过返回时触发了6次事件

goback history 传递参数_goback 返回上一页触发刷新 / 回调传参相关推荐

html5返回上一页不刷新,javascript解决在safari浏览器中使用history.back()返回上一页后页面不会刷新的问题...
我们知道,在JavaScript中提供了一个window.history.back()方法用于返回上一页,另外也可以使用window.history.go(-1)返回上一页(跳转). 在其他的主流浏览 ...
问题解决：使用angularjs、ionic框架如何实现返回上一页并刷新
普通的js返回并刷新这里就不多说了,百度就有很多方法. 下面说的是使用了angularjs.ionic开发的一个手机app中使用的一个返回上一页并刷新的方法. 场景:回复的页面是单独的,点击保存回复后 ...
js返回上一页并刷新代码整理转
返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项,长话短说,今天介绍实现此功能的一个方法,需要了解的朋友可以参考下一:JS 重载页面,本地刷新,返回上一页复制代码代码 ...
js返回上一页并刷新代码整理
一:JS 重载页面,本地刷新,返回上一页复制代码代码如下: <a href="javascript:history.go(-1)">返回上一页</a> ...
js返回上一页并刷新
window.history.go(-1);//返回上一页不刷新 window.location.href = document.referrer;//返回上一页并刷新转载于:https://www ...
JavaScript返回上一页并刷新的多种实现方法（十八）
JavaScript返回上一页并刷新的多种实现方法(十八) Javascript刷新页面的几种方法: history.go(0) location.reload() location=location ...
Uniapp返回上一页触发页面更新
文章目录前言一.难点有哪些? 二.返回上一页三.触发上一页的更新四.监听reFresh 五.示例源码总结前言本来返回上一页可以使用uni.navigateBack(OBJECT),但是这 ...
js返回上一页和刷新页面
返回上一页 window.history.go(-1);//返回上一页不刷新 window.history.back(); //返回上一页只是单纯的返回到上一页 window.location.hr ...
html页面中使用 JS 返回上一页及返回上一页并刷新，iframe中打开指定页面，跳转到指定页面
html页面中使用 JS 返回上一页及返回上一页并刷新,iframe中打开指定页面,跳转到指定页面. 常用方法: window.history.go(-1); //返回上一页 window.histo ...

goback history 传递参数_goback 返回上一页触发刷新 / 回调传参

goback history 传递参数_goback 返回上一页触发刷新 / 回调传参相关推荐

最新文章

热门文章