У меня есть один this.state, и мне нужно передать в свой componentDidMount с setState, как использовать bind (this) в setState?

Question

У меня есть этот проход Bind в setState, как это сделать? введите описание изображения здесь

TypeError: Невозможно прочитать свойство 'setState' из неопределенного

Я использую RealTime Firebase и ReactJs

constructor() {
    super()
    this.app = firebase.initializeApp(firebase_config);
    this.database = this.app.database().ref().child('users');
    this.state = {
        users: []
    }
}
componentDidMount() {
  this.database.once("value", function(snapshot) {
      snapshot.forEach(function(data) {
          this.setState({users: data.val()})
      })
  });
}

render() {
   return (
    <BrowserRouter>
       <div className="App">
          <Navbar/>
          <Switch>
            <Route exact="exact" path='/' component={CampaingListClients}/>
          </Switch>
          <p>{this.state.users}</p>
       </div>
    </BrowserRouter>);
    }
}

TypeError: Невозможно прочитать свойство 'setState' из неопределенного

Answer 1

Вы можете решить неопределенную проблему setState двумя способами

1. Измените свои функции на функции стрелок

   componentDidMount() {
       this.database.once("value", snapshot => {
          snapshot.forEach(data => {
             this.setState({users: data.val()})
          })
       });
    }
   

2. Привязать каждую функцию, как показано ниже

     componentDidMount() {
        this.database.once("value", function(snapshot) {
            snapshot.forEach(function(data) {
                this.setState({users: data.val()})
            }.bind(this)}
        }.bind(this));
      }