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 後面的參數可以理解為建立的當前對象。