如何在反应原生中从Json获取后在View上显示数据

时间:2016-04-25 10:34:21

标签: android react-native

我有一个来自fetch方法的json输出,类似于这种格式

{ 
"example": {
"id": "301",
"example_n": "example",
"exampleid": "12",
"thumbnail": "some url",

"examplearry": [
  {
    "example_id": "9",
    "exampletitle": "exampletitle ",

  },
  {
    "example_id": "10",
    "exampletitle": "exampletitle",

  },
  {
    "example_id": "7",
    "exampletitle": "exampletitle",


  }, "example_api": "6vvdncv99hbnbscm" 
}

现在我想访问example_id和exampletitle。如何在原生反应中使用它?

1 个答案:

答案 0 :(得分:1)

您可以看到如何操作here

实现类似fetchData方法的东西:

fetchData() {
    fetch(REQUEST_URL)
    .then((response) => response.json())
    .then((responseData) => {
        this.setState({
          examplearry: responseData.examplearry,
        });
    })
    .done();
}

这将处理您的json响应,然后使用this.setState,您可以使您的数据可用。在此之后,只需像在javascript / react中那样访问examplearry。本教程还将在下一步中详细说明如何执行此操作。