不正经的金融中年码农,浑身破绽。

鸿蒙Next开发日记 Day09 - 如何监听数据变化执行特定操作

16 08月
作者:admin|分类:开发学习|标签:鸿蒙NEXT

d0372def57df4d39a3011a82a7c5e36f.webp

React Native上的数据变动监听

在RN上,可以使用useEffect来实现数据变化的监听,很方便。

比如我想要通过监听用户输入密码的位数变化,告知用户,他的密码超过指定长度了。

useEffect(() => {
  if (password?.length > 6) {
    ToastAndroid.showWithGravity(
        "您的密码格式不正确",
        ToastAndroid.SHORT,
        ToastAndroid.CENTER
    );
  }
}, [password]);

这样很简单就完成了。

鸿蒙NEXT上如何实现呢?

这里我们要用到一个@Watch的关键词了

@State @Watch("checkPassword") password: string = ""; // 给需要监听的变量添加@Watch

checkPassword() {
    // 在这里继续处理你的this.password的相关逻辑即可
}


浏览609 评论0
返回
目录
返回
首页
踩坑记录 - React Native 0.74尝鲜 Developer Beta3(5.0.3.600)新版本说明

发表评论