Javascript 在React-Native中显示JSON

我在本地机器上有这个JSON文件。如何获得价值体验>角色>头衔。在react native中进行项目

"Experiences": [
{
  "companyName": "Demo1 Technologies",
  "logo": "https://upload.wikimedia.org/wikipedia/commons/a/ac/No_image_available.svg",
  "url": "https://www.google.com/",
  "roles": [
    {
      "title": "Full Stack Developer",
      "description": "Built and updated various Chrome Extensions.",
      "startDate": "2017-01-01",
      "endDate": "2017-05-01",
      "location": "New York, USA"
    }
  ]
},

---

在react native中

const data = JSON.parse(JSON.stringify([
  {
    "companyName": "Demo1 Technologies",
    "logo": "https://upload.wikimedia.org/wikipedia/commons/a/ac/No_image_available.svg",
    "url": "https://www.google.com/",
    "roles": [
      {
        "title": "Full Stack Developer",
        "description": "Built and updated various Chrome Extensions.",
        "startDate": "2017-01-01",
        "endDate": "2017-05-01",
        "location": "New York, USA"
      }
    ]
  }]));
class App extends Component {
  render() {
    return (
      <FlatList
        data={data}
        renderItem={({ item }) => {
          return (
            <View>
              <Text>{item.roles[0].title}</Text>
            </View>
          );
        }}
      />
    );
  }
}

const data=JSON.parse（JSON.stringify([
{
“公司名称”：“Demo1技术”，
“徽标”：https://upload.wikimedia.org/wikipedia/commons/a/ac/No_image_available.svg",
“url”：”https://www.google.com/",
“角色”：[
{
“标题”：“全堆栈开发人员”，
“说明”：“构建并更新了各种Chrome扩展。”，
“起始日期”：“2017-01-01”，
“截止日期”：“2017-05-01”，
“地点”：“美国纽约”
}
]
}]));
类应用程序扩展组件{
render（）{
返回(
{
返回(
{item.roles[0].title}
);
}}
/>
);
}
}

这不是json。首先，您需要分析然后通过体验[0]进行访问。角色[0]。标题。编辑我的问题瓦希德，因为我无法理解检查此问题我已解决检查react native中的此示例瓦希德您有社交网站吗？瓦希德您有更简单的版本吗？如何在react native中实现此功能？Y@JasurKurbanov这是因为以前它是字符串。

const data = JSON.parse(JSON.stringify([
  {
    "companyName": "Demo1 Technologies",
    "logo": "https://upload.wikimedia.org/wikipedia/commons/a/ac/No_image_available.svg",
    "url": "https://www.google.com/",
    "roles": [
      {
        "title": "Full Stack Developer",
        "description": "Built and updated various Chrome Extensions.",
        "startDate": "2017-01-01",
        "endDate": "2017-05-01",
        "location": "New York, USA"
      }
    ]
  }]));
class App extends Component {
  render() {
    return (
      <FlatList
        data={data}
        renderItem={({ item }) => {
          return (
            <View>
              <Text>{item.roles[0].title}</Text>
            </View>
          );
        }}
      />
    );
  }
}