reactjs – 在React中使用Firebase承诺的setState

发布时间：2020-12-15 05:06:32 所属栏目：百科来源：网络整理

导读：参见英文答案 How does the “this” keyword work?21个如何在反应组件内设置状态？我收到了错误消息： Uncaught TypeError: Cannot read property ‘setState’ of null 这是组件代码清单： class MessageList extends React.Component { constructor(pro

参见英文答案 > How does the “this” keyword work?21个
如何在反应组件内设置状态？

我收到了错误消息：

Uncaught TypeError: Cannot read property ‘setState’ of null

这是组件代码清单：

class MessageList extends React.Component {
 constructor(props){
 super(props);
 this.state = {
   messages: []
 };

 var firebaseRef = firebase.database().ref();
 firebaseRef.once('value')
  .then(function(dataSnapshot) {
      this.setState({
        messages: messages
      });
   });
 }

 render() { ... }

}

这是指承诺范围.使用胖箭头功能(es6)

var firebaseRef = firebase.database().ref();
firebaseRef.once('value')
  .then((dataSnapshot) => {
      this.setState({
        messages: messages
      });
   });

或者在承诺之前创建一个这样的副本

constructor(props){
 super(props);
 this.state = {
   messages: []
 };
 var that = this; 
 var firebaseRef = firebase.database().ref();
 firebaseRef.once('value')
  .then(function(dataSnapshot) {
      that.setState({
        messages: messages
      });
 });

最后一个选项,您可以将此绑定到承诺：

firebaseRef.once('value')
 .then(function(dataSnapshot) {
     this.setState({
         messages: messages
     });
}).bind(this)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!