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

如何解决在 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);
    }

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