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

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的相关逻辑即可
}


关键词:鸿蒙NEXT

网友留言(0 条)

发表评论

验证码