javascript - react : Component cannot recognize a function

Question

在我的应用程序组件中，我调用 checkUserAuth() 方法来检查用户是否登录并根据此呈现不同的内容。当我通过 componentDidMount() 方法调用它时它工作正常，但是如果我尝试通过其他方法调用它它就不起作用:

TypeError: this.checkUserAuth is not a function

在我的代码中:

class App extends React.Component {

  constructor() {
    super();

      this.state = {
      loggedIn: false
      };

      this.checkUserAuth = this.checkUserAuth.bind(this);
  }

  componentDidMount(){
      this.checkUserAuth(); // here this method can be called
  }

  checkUserAuth(){
    const loggedUser = AuthService.isAuthenticated();
    if(loggedUser){
    store.dispatch(actions.loginSuccess());
    this.setState({loggedIn: true});
    }
  }


  logoutUser(){
    store.dispatch(actions.logout());
    this.checkUserAuth(); // here it return errors
  }

如何修复它？

Answer 1

将其放入构造函数中:

this.logoutUser = this.logoutUser.bind(this);

此外，如果您发现总是绑定(bind)东西很乏味，请考虑使用自动绑定(bind)库。我使用 react 自动绑定(bind)