首页 > 解决方案 > 按下按钮后如何禁用它?反应原生

问题描述

如何在功能组件中按下一次按钮后禁用按钮?

这是我的代码:

 const Verify = () => {
    firebase
      .auth()
      .currentUser.sendEmailVerification()
      .then(() => {
        Alert.alert(
            'Code Sent')
      });
  };

 <Button onPress={() => Verify();} />

标签: javascriptreact-native

解决方案


您可以使用此处disabled文档中提到的道具

const [isDisabled, setDisabled] = useState(false)
<Button onPress={() => Verify();} disabled={isDisabled} />

在您的验证功能中,您可以将其设置isDisabled为 true

setDisabled(true)

推荐阅读