react+Trao框架数据回调问题（已解决）

朱雀 2022-10-12 04:15 114阅读 0赞

> **1. 业务场景分析**

*  A页面带一个数组，传到B页面
 *  B页面会操作此数据（增删改查等）
 *  B页面操作完会返回此数组，A页面拿到操作后的值，草图如下：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70]

> **2. A页面操作**

*  componentDidMount()中添加如下代码：（装载完成，在render之后调用）

async componentDidMount() {
    	// 自定义事件名 
        Taro.eventCenter.on('EVENT_SLEECT_SCHOOL', (res) => {
          // 此处用于取参 B页面传过来的
          console.log(res)
        })
      }

*  componentWillUnmount()：组件将要销毁时触发的函数

componentWillUnmount() {
        // 关闭事件绑定
        Taro.eventCenter.off('EVENT_SLEECT_SCHOOL')
      }

> **3. B 页面操作**

Taro.eventCenter.trigger('EVENT_SLEECT_SCHOOL', {
    // 返回父页面
      result: this.state.arrLength
    })
    // 导航跳转方式需要改 使用此方式
    Taro.navigateBack({ delta: 1 });
    
    
    // 原导航跳转方式
    Dq.navigateTo({
      url: "/pages/shopStore/apply-settled/add-school/index"
     });

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70]: /images/20221005/7b54832bde9643cdb8839988a3d89408.png

发表评论取消回复

表情：

评论列表（有 0 条评论，114人围观）

还没有评论，来说两句吧...

相关阅读

相关回调函数：同步回调和异步回调

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

谁借莪１个温暖的怀抱￠/ 2023年06月18日 08:52/ 0 赞/ 74 阅读

相关 Android intent数据回调startActivityForResult

1，intent 数据回调 startActivityForResult 方法开启 onActivityResult 判断标签，标记接收数据【1】在A界面开启

青旅半醒/ 2023年06月17日 08:56/ 0 赞/ 43 阅读

相关 react+Trao框架数据回调问题（已解决）

> 1. 业务场景分析 A页面带一个数组，传到B页面 B页面会操作此数据（增删改查等） B页面操作完会返回此数组，A页面拿到操作后的值，草图如下：

朱雀/ 2022年10月12日 04:15/ 0 赞/ 115 阅读

相关 adapter 回调处理数据

测试，在Adapter中点击按钮，然后回调到Activity中，进行数据处理。 package com.maizi.

淩亂°似流年/ 2022年08月27日 09:53/ 0 赞/ 125 阅读

相关登录回调问题

问题：一个用户访问网站的时候需要登录，登陆后需要跳转到哪里的问题是跳转到固定的页面还是跳转到其他的页面，其实用户更想调到登录以前的页面解决方案：在登录过滤的时候保存

水深无声/ 2022年07月13日 14:38/ 0 赞/ 194 阅读

相关 OSG学习：使用已有回调示例

回调的类型有很多种，一般很容易就想到的是UpdateCallBack，或者EventCallBack，回调的意思就是说，你可以规定在某件事情发生时启动一个函数，这个函数可能做

叁歲伎倆/ 2022年06月13日 08:28/ 0 赞/ 299 阅读

相关支付宝多次执行回调问题的解决

1.需求分析最近，在pc端集成支付宝即时到账的时候，遇到了一个问题：支付宝支付成功后，系统的支付宝流水会重复添加好几条；基于这个问题，笔者通过断点发现，这种

Bertha 。/ 2022年05月29日 22:59/ 0 赞/ 1749 阅读

相关 Promise解决回调嵌套问题

前言 node.js最大的特色就是利用回调函数的方式来异步执行，但是回调函数的出现引发了回调过度嵌套的问题（回调金字塔），例如a嵌套b，b再嵌套c，c再嵌套D。例如，我们模拟

客官°小女子只卖身不卖艺/ 2022年01月28日 07:47/ 0 赞/ 679 阅读

相关异步回调发展（地狱回调）

最近在看koa的代码基本上前几句就会写道async于是想写下关于链式操作的发展第一次普通Js回调时代，所有的异步操作都会写道cb function de

曾经终败给现在/ 2022年01月20日 00:27/ 0 赞/ 440 阅读

相关回调与回调函数

回调与回调函数回调回调函数回调回调指的是某函数在执行的时候，由于某些原因，该函数被迫中止执行，交出当前线程的使用权，当前线程转而执行其它函

悠悠/ 2021年09月25日 04:26/ 0 赞/ 616 阅读