React-Native进行时(三)--JS网络请求解析

前端之家收集整理的这篇文章主要介绍了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 后面的参数可以理解为创建的当前对象。

原文链接:https://www.f2er.com/react/307629.html

猜你在找的React相关文章