React Native使用本地json模仿数据请求

最新推荐文章于 2025-08-30 22:47:35 发布

原创

最新推荐文章于 2025-08-30 22:47:35 发布 · 3.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#json #react-native #本地请求

在开发React Native应用时，经常需要模拟数据以进行界面展示。本文介绍了如何使用本地JSON文件来模拟网络请求，避免频繁修改代码。通过在本地创建类似实际接口的JSON文件，并利用React Native内置的本地服务器进行访问，可以实现更贴近真实环境的数据请求。只需调整URL，即可轻松切换到实际接口，提高了开发效率。

由于后台接口并不随着我们的需求而随时恭候，我们经常需要自己模拟数据，就拿ListView来说，dataSource的数据如果后台没有提供，我一般就选择直接在这个文件中声明一个数组变量，定义几条数据就可以这种方式确实很简单，但是写法跟真正的网络请求又不一样，当真正的请求来的时候，我们需要改动的地方比较多，如下：

const data = [
  {
  
  "name" : "Melody", age: 21},
  {
  
  "name" : "ZZ", age: 22},
];


let ds = new ListView.DataSource({ 
      rowHasChanged: (r1,r2) => r1 !== r2,
      sectionHeaderHasChanged: