Picker组件选择时,如果点击选项,会选中下下一个选项,比如当前选项为2023,点击2024选项,大概率跳到2025
Author: sjhleoCreated May 9, 2023Updated Aug 19, 2026
LabelsV-3F-reactT-h5
相关平台
H5
浏览器版本: safari 使用框架: React
复现步骤
创建picker页面
import React from 'react';
import Taro from '@tarojs/taro';
import { View, Picker, Text } from '@tarojs/components';
export default class PickerPage extends React.Component {
public constructor(props) {
super(props);
}
public render(): JSX.Element {
return (
<View className='page'>
<Picker
mode='date'
fields='month'
end='2026-05-30'
start='2023-05-11'
value='2023-05-21'
>
<Text className='controller__info' >
点击我打开日期选择
</Text>
</Picker>
</View>
);
}
}点击打开picker后,在年份和月份选择项中正常滚动OK,但是如果点击选择项就会出现点击下一项(比如2024年),会选中下一项的下一项(2025年)
期望结果
弹起picker时,点击下一个选项时选中下一个选项
实际结果
选中的选项是点击的下一个选项的下一个选项
环境信息
Taro v3.6.6
Taro CLI 3.6.6 environment info:
System:
OS: Windows 10 10.0.19044
Binaries:
Node: 14.18.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
npm: 6.14.15 - C:\Program Files\nodejs\npm.CMD
npmPackages:
@tarojs/cli: 3.6.6 => 3.6.6
@tarojs/components: 3.6.6 => 3.6.6
@tarojs/helper: 3.6.6 => 3.6.6
@tarojs/plugin-framework-react: 3.6.6 => 3.6.6
@tarojs/plugin-platform-alipay: 3.6.6 => 3.6.6
@tarojs/plugin-platform-h5: 3.6.6 => 3.6.6
@tarojs/plugin-platform-jd: 3.6.6 => 3.6.6
@tarojs/plugin-platform-qq: 3.6.6 => 3.6.6
@tarojs/plugin-platform-swan: 3.6.6 => 3.6.6
@tarojs/plugin-platform-tt: 3.6.6 => 3.6.6
@tarojs/plugin-platform-weapp: 3.6.6 => 3.6.6
@tarojs/react: 3.6.6 => 3.6.6
@tarojs/runtime: 3.6.6 => 3.6.6
@tarojs/shared: 3.6.6 => 3.6.6
@tarojs/taro: 3.6.6 => 3.6.6
@tarojs/webpack5-runner: 3.6.6 => 3.6.6
babel-preset-taro: 3.6.6 => 3.6.6
eslint-config-taro: 3.6.6 => 3.6.6
react: ^18.0.0 => 18.2.0补充信息
在手机上100%复现,H5端鼠标点击也能复现
Source: NervJS/taro