रिएक्ट

Question

में फायरबेस वादा के साथ सेटस्टेट मैं प्रतिक्रिया घटक के अंदर राज्य कैसे सेट कर सकता हूं?

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() { ... } 

} 

Answer 1

इसवादा गुंजाइश के लिए बात कर रहा है

मैं `ve त्रुटि संदेश मिला। या तो वसा तीर कार्य (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) 

Answer 2

सबसे पहले, मैं आपको सुझाव देना चाहता हूं कि आप अपने प्रारंभिक firebase डेटा componentDidMount घटक जीवन चक्र में लाने और अपने setState को ठीक करने के लिए मुद्दा तुम कहाँ मैं self = this; लाइन केवल बदल गया है में नीचे दिए गए कोड का पालन कर सकते,

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

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

render() { ... } 

}