nuxt的asyncdata页面刷新params数据丢失_React navigation goBack方法返回刷新

react navigation version：5.x

刚开始写react-native发现用react navigation的goBack方法不会重新刷新要返回的页面，恰巧我想写的是修改资料的页面。于是就网上找了一下，看到别人写的将更新数据方法传递过去，试了一下方法确实行得通。

页面A

import React from 'react'
import {View,Text
} from 'react-native'function PageA ({ navigation }) {// 更新数据的方法const updateData = () => {console.log('更新数据')}const switchPageB = () => {navigation.navigate('PageB', {update: () => {updateData()}})}return (<View><Text>a页面，点击进入b页面</Text></View>)
}

页面B

import React from 'react'
import {View,Text
} from 'react-native'function PageB ({ navigation, route }) {const backMethod = () => {route.params.update()navigation.goBack()}return (<View><TextonPress={() => {backMethod()}}>b页面,点击返回a页面</Text></View>)
}

感觉这个办法还挺好用的吧，而且不一定只有更新数据会用到，还可以用来用户设置当前的一个主题颜色类似的功能。

nuxt的asyncdata页面刷新params数据丢失_React navigation goBack方法返回刷新相关推荐

vue项目实现列表页-详情页返回不刷新，再点其他菜单项返回刷新的需求
问题背景:有时候一些列表会有一些跳转的需求,比如跳到详情页.或者是其他相关的页面(比如跳到用户列表去查看用户的相关信息)等,此时再返回列表页,列表页会刷新重置.目前需求就是需要改成如下情况: 问题1. ...
android fragment finish activity,如何从fragment跳到activity再从activity返回（finish()方法返回）刷新fragemnt页面...
代码改变世界如何从fragment跳到activity再从activity返回(finish()方法返回)刷新fragemnt页面广播方法实现Fragment页面刷新 fragment中重写onA ...
微信小程序左上角返回刷新
微信小程序左上角返回刷新文章目录微信小程序左上角返回刷新前言一.小程序生命周期二.解决方案(重点来了) 1.在data里创建标识 2.查看初始化onload中调用的初始化的方法 3.在onS ...
vue全局变量页面刷新时数据丢失问题
页面刷新后vue全局变量数据丢失在开发中,我们需要将一些数据存到全局变量中,如用户的用户名等,便于页面展示,保存从服务器发送请求返回的数据,以避免在不同组件发送相同请求时,重复请求服务器. 方法一: ...
JSP学习笔记（五）：日期处理、页面重定向、点击量统计、自动刷新和发送邮件...
一.JSP 日期处理: 使用JSP最重要的优势之一,就是可以使用所有Java API.本节讲述Java中的Date类,它在java.util包下,封装了当前日期和时间. Date类有两个构造函数.第 ...
登录页面和FORM的职责不对称，处理方法，刷新工作流程
登录页面和FORM的职责不对称,处理方法,刷新工作流程: 转载于:https://www.cnblogs.com/quanweiru/p/9219829.html
通过setTimeout调用设置iframe src的方法导致刷新页面时弹出没有权限错误！
通过setTimeout调用设置iframe src的方法导致刷新页面时弹出没有权限错误! 如下: Html代码 <iframe tabindex="4" id=" ...
vuex刷新state数据丢失问题
用vuex来做全局的状态管理时, 发现当刷新网页后,保存在vuex实例store里的数据会丢失. 1. 产生原因其实很简单,因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载v ...
无刷新修改页面的浏览器地址栏显示地址的方法
作为一个Web程序员,我经常会到网上去看别人是如何做网站,如何开发Web应用的.这样的好处有很多,一是开阔你的眼界,你能看到很多书本上没有的东西,二是看别人的代码是如何写的,取人之长.补己之短.像纯C ...

nuxt的asyncdata页面刷新params数据丢失_React navigation goBack方法返回刷新

nuxt的asyncdata页面刷新params数据丢失_React navigation goBack方法返回刷新相关推荐

最新文章

热门文章