ComponentWillmount Fetch возвращает Null?

Question

Мое приложение всегда загружается, когда я отбрасываю отладчик и добавляю часы в список переменных & res, я получаю недоступен. Я не совсем уверен, в чем проблема, или я даже отлаживаю ее правильно?

пожалуйста совет. Я пытаюсь достичь Loaded, загрузив json в список.

Update: Я просто журнал консоли и увидел данные

console.log(this.state.list); 




    var facemashTab = React.createClass({ 
    getInitialState: function() { 
    return { 
     list: [], 
     currentIndex: 0 
    }; 
    }, 
    componentWillMount: function() { 
    fetch('https://randomuser.me/api/?results=5') 
     .then(res => res.json()) 
     .then(res => this.setState({ list: res })); 
    }, 


    render: function() { 
    var contents; 
     if (!this.state.list.length) { 
     contents = (
      <View style={ styles.loading }> 
      <Text style={ styles.loadingText }>Loading</Text> 
      <ActivityIndicatorIOS /> 
      </View> 
     ) 
     } else { 
     contents = (
      <View style={ styles.content }> 
      <Text>Loaded</Text> 
      </View> 
     ) 
    } 
    return (
     <View style={ styles.container }> 
     <View style={ styles.header }> 
     <Text style={ styles.headerText }>XXX</Text> 
     </View> 
     <View style={ styles.content }> 
      { contents } 
     </View> 
     </View> 
    ); 
    } 
}); 

Answer 1

Не уверен, если это проблема, но от моего понимания setState внутри componentWillMount не вызовет визуализации фазы? Вы могли бы попробовать componentDidMount