React Native Fetch 模拟请求本地json数据

2019-08-08  本文已影响0人  北疆小兵

和服务器接口交互,当客户端还已经开发完,但服务器接口还没发布时,客户端可以先使用本地模拟的数据去测试,等服务器接口发布后,再切换数据源的url由本地切换为网络url就可以了,本文就React Native中用Fetch模拟请求做介绍.

  1. 新建comments.json文件
[
    {"author":"小雪", "data": "6分钟前", "content":"天气不错啊" },
    {"author":"小明", "data": "3分钟前", "content":"出去玩啊" }
]

2.用nom start启动服务后,在chrome浏览器访问http://localhost:8087/test.json,能展示数据说明环境是没问题的

image.png

3.在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.启动一个定时器

上一篇下一篇

猜你喜欢

热点阅读