Javascript 每次用户登录失败时显示警报

我使用了警报组件，但它只在用户第一次登录失败时出现，下次用户登录失败时，警报不再显示

如何在每次用户登录失败时显示警报

这是我的密码

const Login = ({ alert, user}) => {
    const [ visible, setVisible ] = useState(false)
    
// alert variable is a null for the first time, and string when user failed to login


    const onDismiss = () => setVisible(!visible)

    return (
        <>
      {alert ? (
        <Alert
          style={{ position: "fixed", top: 0, width: "100vw", margin: 0 }}
          color="info"
          isOpen={visible}
          toggle={onDismiss}
        >
          {alert}
        </Alert>
      ) : null}
          // Rest of the code
        </>
    );
};

常量登录=（{alert，user}）=>{
const[visible，setVisible]=useState（false）
//警报变量首次为空，用户登录失败时为字符串
const onDismiss=（）=>setVisible（！visible）
返回(
{警报(
{alert}
)：null}
//代码的其余部分
);
};

---

任何帮助都将不胜感激。

您必须确保警报和可见的值在第二次时也是正确的。

如果登录失败，请尝试设置

设置可见（真）

此答案应为注释！