Page 1 of 1
onDpDataChange执行多次
Posted: 2024年 Sep 2日 13:52
by jie_73
- Tuya MiniApp Tools 版本信息:0.7.0
- App 应用版本信息: 5.16.1
- @ray-js/ray, @ray-js/panel-sdk的版本 "@ray-js/ray": "1.4.45","@ray-js/panel-sdk": "1.10.0",
- 移动设备信息:安卓(Redmi K60 Ultra) 系统:HyperOS
- 相关代码:
Code: Select all
onDpDataChange(res => {
console.log('res :>> ', res);
showToast({ title: '保存成功!', icon: 'success' });
});
- 问题描述(复现步骤):onDpDataChange内的代码会执行多次
- 预期结果:只显示一次弹窗提示
- 实际结果:弹窗频繁触发
Re: onDpDataChange执行多次
Posted: 2024年 Sep 2日 14:05
by xuanyi
请问题具体的使用场景是怎样的。 另外代码具体是怎么写的,贴一下代码上下文吧。 访事件是根据设备上报次数来触发的。 如果希望监听一次就不再触发,需要自己去做判断。比如判断触发次数,或者在收到监听后关闭监听:
const handler = (res) =>{
showToast({ title: '保存成功!', icon: 'success' });
offDpDataChange(handler)
}
onDpDataChange(handler)
该写法在真机上应该是生效的, 在IDE上可能不会生效。
Re: onDpDataChange执行多次
Posted: 2024年 Sep 2日 14:40
by jie_73
每次点击保存后进行弹窗提示
Code: Select all
/**
* @description: 保存
*/
const handleSave = () => {
// 经纬度校验正则(数字,最多六位小数)
const checkReg = /^-?\d+(\.\d{1,6})?$/;
// 非空校验
if (
!isNotEmpty(angleValue)
) {
showToast({
title: Strings.getLang('save_not_empty_check') || '请完成内容填写后再提交!',
icon: 'none',
});
return;
}
// 经纬度校验
if (!checkReg.test(longitudeValue) || !checkReg.test(latitudeValue)) {
showToast({
title: Strings.getLang('save_value_check') || '请输入正确的经纬度,最多保留六位小数!',
icon: 'none',
});
return;
}
// 将经纬度转为字符串
const longitudeStringValue = longitudeValue.toString();
const latitudeStringValue = latitudeValue.toString();
// 下发功能点
publishDps({
[LONGITUDE.code]: longitudeStringValue,
[LATITUDE.code]: latitudeStringValue,
[ANGLE.code]: angleValue,
});
};
/**
* @description: 接收数据上报
*/
onDpDataChange(res => {
console.log('res :>> ', res);
const dps = res.dps;
if (
isNotEmpty(dps[LONGITUDE.id]) &&
isNotEmpty(dps[LATITUDE.id]) &&
isNotEmpty(dps[ANGLE.id])
) {
showToast({ title: '保存成功!', icon: 'success' });
}
});
Re: onDpDataChange执行多次
Posted: 2024年 Sep 2日 14:46
by jie_73
Re: onDpDataChange执行多次
Posted: 2024年 Sep 2日 14:50
by xuanyi
上述写法设备每次上报都会触发,且设备重启后可能会上报全量数据,也有可能会走到弹出保存成功的情况。 建议尝试上一条回复中的方式,下发之前进行监听, 弹过窗后移除监听。 如果有其他全局监听的话可以保留。
如果你使用了 funciton 组件, 那上述 onDpDataChange 事件会注册多次。 也会导致多次触发该回调。建议使用 useEffect 包一下
Re: onDpDataChange执行多次
Posted: 2024年 Nov 15日 10:58
by xuanyi
你好,该问题已超过七天未更新,为整体保障问题跟进效率,我们临时将此标记为已关闭,如有需要请回复并联系我们继续跟进。