如何在本机反应中从 json 获取数据？

Posted 2023-03-16

【中文标题】如何在本机反应中从 json 获取数据？

【英文标题】：Does anyone know how to fetch data from json in react native?有谁知道

【发布时间】：2016-06-20 12:48:54

【问题描述】：

我是 react native 的新手，我需要从 JSON 文件中异步获取输入字段中更改文本的信息。

 JSON:
   "meta": 
     "code": 200,
    "api_version": "2.0.1.6.0",
    "issue_date": "20160620"
  ,
  "result": 
    "total": 4,
    "items": [
      "purpose_name": "Торгово-развлекательный комплекс",
      "name": "Asia Park, торгово-развлекательный комплекс",
      "full_name": "Алматы, Asia Park, торгово-развлекательный комплекс",
      "id": "9430047374983999",
      "building_name": "Asia Park, торгово-развлекательный комплекс",
      "address_name": "Райымбека проспект, 514а / Саина, 516",
      "type": "building"
    ]
  

【问题讨论】：

尝试使用 AFNetworking for ios。它会自动为您解析 JSON。

@BashirSidani，提问者谈论的是 React-Native 而不是 ios Objective-C

【参考方案1】：

如果是本地 JSON 文件，你可以使用 require:

const data = require('./data.json');
console.log( data.result.items[0].purpose_name );

如果是远程 API 请求，请尝试fetch：

fetch('https://example.com/data.json')
  .then(response => response.json())
  .then(data => console.log( data.result.items[0].purpose_name ))
  .catch(error => console.log(error));

【参考方案2】：

如果这个文件是本地的，你可能只需要它，它会被自动解析。如果它在某些服务器上，您需要使用Fetch API。