ComponentWillmount Fetch returning Null?

我的应用程序总是在加载，当我放下一个调试器并将一个监视添加到变量列表&雷斯，我没有空。我不确定问题出在哪里，或者我是否正确地调试了它？

请给我建议。我试图通过将json加载到列表中来实现Loaded。

更新：我刚刚做了一个控制台日志，看到了数据

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>
    );
  }
});