在 React 应用程序中关闭选项卡后用户注销

问题描述

我在 React 中有项目。我使用 keykloak 进行授权。我尝试在用户关闭选项卡时实现简单的注销机制。我有如下代码

class App extends React.Component<IProps,{}> {
    constructor(props : IProps){
        super(props);
        this.setState({ keycloak: keycloak })
    }
    
    componentDidMount() {
       window.addEventListener('beforeunload',this.onUnmount);
    }
    
    onUnmount = () => {
       keycloak.logout();
    }

    componentwillUnmount() {
        window.removeEventListener('beforeunload',this.onUnmount);
    }

它根本不起作用。我不知道为什么。当我关闭选项卡并再次打开时,我仍然处于登录状态。 为什么它不起作用?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)