reactjs - TypeError：无法读取注销按钮上未定义链接的属性“推送”

Question

反应新手，试图使注销按钮重定向，我得到这个错误。使用 keycloak 注销有效，但我不明白为什么另一个没有。

TypeError: Cannot read property 'push' of undefined

搜索了许多帖子，尝试了在早期版本上工作的 withRouter，但在 react-router-dom 的 v6+ 中不起作用。尝试过 useNavigate 但效果不佳。

代码：

import React, { Component } from 'react';

class Logout extends Component {
  logout() {
    this.props.history.push('/');
    this.props.keycloak.logout();
  }

  render() {
    return <button onClick={() => this.logout()}>Logout</button>;
  }
}
export default Logout;

标签： reactjsreact-router