组件ref 获取成功后 又消失

[lupingW]

相关平台

微信小程序

复现仓库

https://gitee.com/wangluping/ref
小程序基础库: 2.20.0
使用框架: React

复现步骤

首页 滑动地图 会打印 Ref, 此时里面是有current的. 然后点击"去下一个页面"按钮, 进入test页面, 滑动地图, 打印ref, 此时里面是有current的. 然后返回首页, 再滑动地图, 此时打印的current为null

期望结果

current为组件的this

实际结果

current为组件的null

环境信息

👽 Taro v3.3.9


  Taro CLI 3.3.9 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 14.17.5 - D:\node\node.EXE
      npm: 6.14.14 - D:\node\npm.CMD

---

补充信息

将test1组件中的的this.mapId变成随机的就不会出现这个问题

[Chen-jj]

@lupingW Taro 有一个 Map 去保存全局 dom 节点与其 id 的对应关系，但目前 Map 是全局的，没有按页面区分。因此这种情况下 Page2 dom 树的销毁会在 Map 中把 test1 组件的节点删除了。

暂时先用随机 id 绕过吧。

[Chen-jj]

duplicate #7317

[Chen-jj]

Taro v3.4 修复