多个CheckboxGroup的onChange事件互相干扰

[angelofan]

Tuya MiniApp Tools 版本：

v0.6.6

Code: Select all

"@ray-js/ray": "^1.4.45",
"@ray-js/panel-sdk": "^1.10.0",

相关代码：

Code: Select all

import React from 'react';
import { View, ScrollView, CheckboxGroup, Label, Checkbox } from '@ray-js/ray';
import styles from './index.module.less';

export function Home() {
  const changeA = e => {
    console.log('changeA', e.detail.value);
  };
  const changeB = e => {
    console.log('changeB', e.detail.value);
  };

  return (
    <ScrollView className={styles.view} refresherTriggered={false} style={{ paddingTop: '100px' }}>
      <View style={{ padding: '48px 12px' }}>
        <CheckboxGroup onChange={changeA}>
          <Label>
            <Checkbox value="A1" />
            A1
          </Label>
          <Label>
            <Checkbox value="A2" />
            A2
          </Label>
        </CheckboxGroup>
        <CheckboxGroup onChange={changeB}>
          <Label>
            <Checkbox value="B1" />
            B1
          </Label>
          <Label>
            <Checkbox value="B2" />
            B2
          </Label>
        </CheckboxGroup>
      </View>
    </ScrollView>
  );
}

export default Home;

日志信息：

详见后续回复

问题描述（复现步骤）：

不同的CheckboxGroup的onChang事件中的e.detail.value互相干扰

复现步骤详见后续回复

预期结果：

互不干扰

实际结果：

互相干扰

[angelofan]

依次点击A1,A2,B1,B2后，控制台输出：

Code: Select all

changeA ['A1']
changeA ['A1', 'A2']
changeB ['A1', 'B1']
changeB ['A1', 'B1', 'B2']

预期应该输出：

Code: Select all

changeA ['A1']
changeA ['A1', 'A2']
changeB ['B1']
changeB ['B1', 'B2']

[angelofan]

继续上面的操作，四个全部选中的状态下，依次取消A1,B1的勾选，控制台输出：

Code: Select all

changeA ['A2'] // 取消A1后触发，此时界面上选中项为A2,B1,B2
changeB ['A1', 'B2'] // 取消B1后触发，此时界面上选中项为A2,B2

预期应该输出：

Code: Select all

changeA ['A2']
changeB ['B2']

[智能小程序开发者]

你好，反馈的问题已收到，我们会尽快修复，有进度会在帖子同步

[tdeveloper]

你好，我们会在2.21.0版本基础库修复。

[angelofan]

你好，我们会在2.21.0版本基础库修复。

你好，2.21.0版本基础库 什么时候发布？

[智能小程序开发者]

你好，已经上线了，你可以在真机和IDE上确认一下

[angelofan]

你好，已经上线了，你可以在真机和IDE上确认一下

确认已修复，谢谢