如何解决Sweet Alert在使用React登出时短暂显示
使用以下方法处理我的注销功能:
- 清除本地存储
- 清除令牌
- 重定向到首页
- 显示警报
我的甜蜜提示有效,只是很快消失了。这是我的注销组件的代码:
import swal from 'sweetalert';
import { setToken } from '../api';
const Logout = () => {
localStorage.clear();
setToken('');
location.href = "/home/";
<SweetAlert
title="You are now logged out!"
onConfirm={this.onConfirm}
onCancel={this.onCancel}
btnSize="sm"
/>
}
export default Logout;
解决方法
设置location.href = ...
将重新加载浏览器选项卡,因此您在此处呈现的所有组件都将消失。 (我猜想您的警报JSX会完全显示在此处导入的swal
函数中,但是在您的示例中看不到。Looks like that's how it works)。>
如果您使用的是React Router,则将history.push('/home')
与useHistory一起使用可能会解决问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。