相关平台

微信小程序

小程序基础库: 2.19
使用框架: React

复现步骤

使用 taro init 创建项目，默认模板 react/vue 都试过

function 和 class 一样，在微信模拟器中是正常的，在真机测试（三星 s8）和 mac 测试就有延迟。
点击后 log 会马上输出，界面延迟刷新

export default function List() {
	const [current, setCurrent] = useState(-1);

     console.log(current)
	return (
		<View>
			{[...Array.from(new Array(20))].map((item, index) => {
				return (
					<View
						key={`item-${index}`}
						onClick={() => {
							setCurrent(index);
						}}
					>
						{index}
					</View>
				);
			})}
			<View>{current}</View>
		</View>
	);
}

期望结果

就是想要循环一个列表然后点击更新 state 显示

实际结果

有显示，可是明显的延迟

环境信息

Taro CLI 3.3.2 environment info:
    System:
      OS: macOS 11.5.1
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 12.22.4 - ~/.nvm/versions/node/v12.22.4/bin/node
      npm: 6.14.14 - ~/.nvm/versions/node/v12.22.4/bin/npm
    npmPackages:
      @tarojs/cli: ^3.3.2 => 3.3.2
      @tarojs/components: 3.3.2 => 3.3.2
      @tarojs/mini-runner: 3.3.2 => 3.3.2
      @tarojs/runtime: 3.3.2 => 3.3.2
      @tarojs/taro: 3.3.2 => 3.3.2
      @tarojs/webpack-runner: 3.3.2 => 3.3.2
      babel-preset-taro: 3.3.2 => 3.3.2
      eslint-config-taro: 3.3.2 => 3.3.2