阵营+火力地堡：类型错误：无法读取空

Question

我想从火力传递returend参数的状态PARAM，但我发现这个错误的特性“的setState”：

App.js:43 Uncaught TypeError: Cannot read property 'setState' of null 

我想将“快照”数组传递到“日历”，然后检索日历值，如“calendars.summary”或“calendars.date”（我知道如何做，但问题是我无法将快照分配给日历）。

componentDidMount() { 
    //setInterval(() => start(this.state.gapi,true), 30000); 
    var rootRef = firebase.database().ref(); 
    var urlRef = rootRef.child("testCalendar/calendars"); 
urlRef.once("value", function(snapshot) { 
    snapshot.forEach(function(child) { 
    console.log(child.key+": "+child.child("summary").val()); 


    }); 
    this.setState({ 
     calendars: snapshot 
    }); 
}); 
    } 

我该如何解决？由于

UPDATE Mayank Shukla'comment后，我能够做正确传递 “快照”：

componentDidMount() { 
    //setInterval(() => start(this.state.gapi,true), 30000); 
    var rootRef = firebase.database().ref(); 
    var urlRef = rootRef.child("testCalendar/calendars"); 
urlRef.once("value", function(snapshot) { 
    snapshot.forEach(function(child) { 
    console.log(child.key+": "+child.child("summary").val()); 

    }); 
    this.setState({ 
     calendars: snapshot 
    }); 
}.bind(this)); 
    } 

或

componentDidMount() { 
    //setInterval(() => start(this.state.gapi,true), 30000); 
    var rootRef = firebase.database().ref(); 
    var urlRef = rootRef.child("testCalendar/calendars"); 
urlRef.once("value", (snapshot) => { 
    snapshot.forEach(function(child) { 
    console.log(child.key+": "+child.child("summary").val()); 

    }); 
    this.setState({ 
     calendars: snapshot 
    }); 
}); 
    } 

但现在我有这样的问题：

​​

关于此功能：

_getCalendarsList(){ 
    var d = new Date(); 

    return this.state.calendars.map((calend) => { 
    return (
     <Calendar 
     {...calend} 
     key={d.getTime()} /> 

    ) 
    }); 
    } 

Answer 1

要在任何变量使用map，该变量需要有一个array，你是取在componentDidMount方法的数据，将最初的渲染之后被调用，所以在状态确认的初始值calendars应该[]，像这样：

constructor(){ 
    super(); 
    this.state = { 
     calendars: [], 
     .... 
    } 
} 

或将支票使用map之前，如果这不是一个array然后return null，像这样：

_getCalendarsList(){ 
    if(!Array.isArray(this.state.calendars)) 
     return null; 

    var d = new Date(); 

    return this.state.calendars.map((calend) => { 
     return (
      <Calendar 
        {...calend} 
        key={d.getTime()} 
      /> 

     ) 
    }); 
}