React-Native进行时（三）--JS网络请求解析

首页定义URL接口的JS文件，创建、调用其实和OC差不多。

'use strict';
var BASE = 'http://XXXXXX/';

function api(address){
	
	return BASE + address;
}

function getHomeAPI(){
	return api('api/XXXX/XXXX');
}

module.exports = {
	HomeAPI: getHomeAPI,
};

调用：

var CFAPI = require('../../Network/API');

网络请求、解析json借助Fetch，具体代码如下：

fetchData: function(){
    fetch(CFAPI.HomeAPI())
    .then((response) => {
      //console.log('response-----:',response);
      return response.json();
    })
    .then((responseData) => {
      //console.log('json-----:',responseData);
        this.setState({
          dataSource: this.state.dataSource.cloneWithRows(responseData.Body),
          loaded: true
        });
    }).done();
  },

到这就完成了，后面就是填充数据了。

分享小技巧：

调试：xcode必须设置成DeBug模式才有效，如果Degug in Safari时程序crash时，把运行的Demo删除即可。

使用：module.exports = HomeList;，module.exports 后面的参数可以理解为创建的当前对象。