面板小程序 用@rayjs/ray的Picker组件就报错

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
Jalen
Posts: 3

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]

- 问题描述(复现步骤):

- 预期结果:

- 实际结果:
Attachments
Snipaste_2024-07-31_13-12-02.png
Last edited by Jalen on 2024年 Jul 31日 13:57, edited 4 times in total.

Tags:
智能小程序开发者
Posts: 200

Re: 面板小程序 用@rayjs/ray的Picker组件就报错

你好,请提供完整可复现的最小代码,这个代码数据部分缺失

Jalen
Posts: 3

Re: 面板小程序 用@rayjs/ray的Picker组件就报错

补充了,再看看

Jalen
Posts: 3

Re: 面板小程序 用@rayjs/ray的Picker组件就报错

智能小程序开发者 2024年 Jul 31日 13:49

你好,请提供完整可复现的最小代码,这个代码数据部分缺失

已经补充代码

智能小程序开发者
Posts: 200

Re: 面板小程序 用@rayjs/ray的Picker组件就报错

你把picker的value 去掉就不会报错了,具体原因我们排查一下,如果着急用,可以试试使用物料平台的picker https://developer.tuya.com/material/lib ... e=TyPicker

Post Reply