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

Question

我在 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);
    }

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

标签： reactjskeycloakonbeforeunload