Reactjs 反应带警报自动隐藏

我是React新手，我使用警报-从中解除，我需要警报在2秒后自动消失。我试图找到一些可以完成的功能，但不幸的是我没有。感谢您的帮助

请查看此代码，

---

当您想在某些操作上显示警报时，您可以启用与该警报关联的状态，并在您想隐藏它时禁用它。

警报是我喜欢使用的东西：下面是一个完整的动态示例，其中我设置了1个警报，并根据我的要求对其进行控制

首先，我们需要设置警报。如果您使用reactstrap，请使用大写字母A表示警报

<Alert color={this.state.alertColor} isOpen={this.state.Alertvisible} toggle={(e) => this.setState({Alertvisible: false})}> {this.state.message} </Alert>

---

我也有类似的问题。我的目的是在模式关闭后显示警报消息。我正在使用react引导程序，将模态和警报组件与useState和use Effects挂钩

const [visibleAlert, setVisibleAlert] = useState(false); --> init state

const handleVisible = () => { ---> Last State for Alert
    setAlertVisible(true)
    setTimeout(() => { ---> 2 seconds later which is closing
        setAlertVisible(false)
    }, 2000);
} 

useEffect(() => {

    handleClose();  ----> This is for Modal
    return () => {
    handleVisible();  ---> This is for Alert message
};

这是我的警报组件

<Alert show={visibleAlert} variant="success"} dismissible>
    Employee List Updated Successfully.
</Alert>

已成功更新员工列表。