面板小程序 用@rayjs/ray的Picker组件就报错
Posted: 2024年 Jul 31日 13:12
Tuya MiniApp Tools 版本信息:
Code: Select all
- App 应用版本信息:
- @ray-js/ray, @ray-js/panel-sdk的版本(如使用ray开发)
"@ray-js/panel-sdk": "^1.9.1",
"@ray-js/ray": "^1.4.42",
- 移动设备信息:
- 相关代码:
import { Picker } from '@ray-js/ray';
export function Test() {
const [current, setCurrent] = useState([0, 0, 0]);
const handlePickerChange = e => {
setCurrent(e.value);
};
const handleColumnChange = e => {
console.log('picker column change', e);
};
const range = [
['无脊柱动物', '脊柱动物'],
['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'],
['猪肉绦虫', '吸血虫'],
];
return
<Picker
onColumnChange={handleColumnChange}
onChange={handlePickerChange}
range={range}
value={current}
mode="multiSelector"
>
<View style={{ flexDirection: 'row' }}>
当前选择的是:{range[0][+current[0]]}, {range[1][+current[1]]}, {range[2][+current[2]]}
</View>
</Picker>
}
- 日志信息:
[attachment=0]Snipaste_2024-07-31_13-12-02.png[/attachment]
- 问题描述(复现步骤):
- 预期结果:
- 实际结果: