taro3 react H5 快速来回切换tabBar，无法保证定位当前页面

[lsj162]

相关平台

H5

浏览器版本: chrome 94
使用框架: React

复现步骤

来回切换tabbar

期望结果

可以定位到当前的tabbar页面

实际结果

不稳定

环境信息

👽 Taro v3.3.9


  Taro CLI 3.3.9 environment info:
    System:
      OS: macOS 11.5.2
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 14.17.1 - /usr/local/bin/node
      Yarn: 1.22.10 - /usr/local/bin/yarn
      npm: 8.0.0 - /usr/local/bin/npm
    npmPackages:
      @tarojs/react: 3.3.9 => 3.3.9
      @tarojs/runtime: 3.3.9 => 3.3.9
      @tarojs/taro: 3.3.9 => 3.3.9
      react: ^17.0.0 => 17.0.2
    npmGlobalPackages:
      typescript: 4.3.5

[LuXinZ]

快速切换应该是 切换路由的有定时器造成的, 你在切换路由包裹一层定时器, 时间5毫秒试试

[shushu2013]

遇到了相同的问题

相关平台

H5

Safari 和 Chrome 浏览器上都能复现此问题

复现仓库

https://github.com/shushu2013/taro-h5-bugs-example

浏览器版本:

Safari浏览器 版本14.1.2 (16611.3.10.1.6)
Chrome浏览器 版本 94.0.4606.71（正式版本） (arm64)

使用框架: React

复现步骤

$ git clone https://github.com/shushu2013/taro-h5-bugs-example.git

$ cd taro-h5-bugs-example

$ yarn

$ npm run dev:h5

1、进入首页，快速来回点击底部 tabBar 的 『首页』和 『我的』菜单

2、底部 tabBar 菜单状态和 url 都变化了，页面却没有显示对应的 tab 页面

期望结果

来回切换 tabBar，页面内容显示正常

实际结果

来回切换 tabBar，页面内容显示不正常

环境信息

👽 Taro v3.3.10


  Taro CLI 3.3.10 environment info:
    System:
      OS: macOS 11.5.2
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 16.6.0 - ~/.nvm/versions/node/v16.6.0/bin/node
      Yarn: 1.22.11 - ~/.nvm/versions/node/v16.6.0/bin/yarn
      npm: 7.19.1 - ~/.nvm/versions/node/v16.6.0/bin/npm
    npmPackages:
      @tarojs/components: 3.3.10 => 3.3.10
      @tarojs/mini-runner: 3.3.10 => 3.3.10
      @tarojs/react: 3.3.10 => 3.3.10
      @tarojs/runtime: 3.3.10 => 3.3.10
      @tarojs/taro: 3.3.10 => 3.3.10
      @tarojs/webpack-runner: 3.3.10 => 3.3.10
      babel-preset-taro: 3.3.10 => 3.3.10
      eslint-config-taro: 3.3.10 => 3.3.10
      react: ^17.0.0 => 17.0.2

[Chen-jj]

为了解决另一个问题，现在对跳转有设置一个 500ms 的 debounce，所以又带来了快速点击跳转时的问题。之后会对路由做一次重构，解决一系列问题

[Jesse-Fan]

为了解决另一个问题，现在对跳转有设置一个 500ms 的 debounce，所以又带来了快速点击跳转时的问题。之后会对路由做一次重构，解决一系列问题

所谓的之后是多久？

[Chen-jj]

为了解决另一个问题，现在对跳转有设置一个 500ms 的 debounce，所以又带来了快速点击跳转时的问题。之后会对路由做一次重构，解决一系列问题

所谓的之后是多久？

这个 Q

[toFrankie]

解决了吗，3.4.1 仍然有此问题，但不是快速切换，不快速切换也有此问题