React Native Fetch 模拟请求本地json数据
2019-08-08 本文已影响0人
北疆小兵
和服务器接口交互,当客户端还已经开发完,但服务器接口还没发布时,客户端可以先使用本地模拟的数据去测试,等服务器接口发布后,再切换数据源的url由本地切换为网络url就可以了,本文就React Native中用Fetch模拟请求做介绍.
- 新建comments.json文件
[
{"author":"小雪", "data": "6分钟前", "content":"天气不错啊" },
{"author":"小明", "data": "3分钟前", "content":"出去玩啊" }
]
2.用nom start启动服务后,在chrome浏览器访问http://localhost:8087/test.json,能展示数据说明环境是没问题的
image.png3.在component中请求数据
getComment(){
let REQUEST_URL = 'http://localhost:8087/test.json'
fetch('http://localhost:8081/comments.json')
.then((response) => response.json())
.then((responseJson) => {
this.setState({
data:responseJson,
})
})
.catch((error) => {
console.error(error);
});
}
4.启动一个定时器