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

朱雀 2022-10-12 04:15 87阅读 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 条评论，87人围观）

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

相关阅读

相关 generator、async解决回调地狱

Symbol > ES6数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还新增了 Symbol

ゝ一纸荒年。/ 2023年05月31日 03:17/ 0 赞/ 59 阅读

相关【问题解决】关于解决支付宝支付回调问题的一些感想

一、前言 > 最近，开发过程中在调用支付宝支付出现了一些问题，在此总结一下。 > [云排查工具][Link 1] > [应用调用支付宝支付][Link 2] >

╰半夏微凉°/ 2023年01月16日 03:21/ 0 赞/ 344 阅读

相关回调地狱的解决方式

当我们遇到回调地狱，通常都是怎么解决的呢，如果不使用 async/await，那么写出来的代码，大部分（包括我）都是又臭又长的，不忍直视，那么使用下面的写法，会更加赏心悦目哦！

一时失言乱红尘/ 2022年11月24日 12:55/ 0 赞/ 187 阅读

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

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

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

相关 adapter 回调处理数据

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

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

相关登录回调问题

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

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

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

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

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

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

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

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

相关 Promise解决回调嵌套问题

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

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

相关回调与回调函数

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

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