Question

json数据位于以下模式中。而且Json数据来自后端，并通过api获取并存储在状态变量中。

name

如何从状态变量访问地址值。

我尝试使用

访问数据

this.state = {
jsonData = [
    {
        "address": "xyz",
        "email": "xyz@gmail.com",
        "id": "12334",
        "name": "abc"
    }
]
}

在这种情况下如何访问单个值？

Answer 1

按如下所示设置您的状态：

this.state = {

   jsonData : [
        {
            "address": "xyz",
            "email": "xyz@gmail.com",
            "id": "12334",
            "name": "abc"
        }
    ]
    }

要获取值，请尝试以下操作：

this.state.jsonData[0].address

Answer 2

首先要了解您要访问的内容？

您正在尝试访问状态内部的数组prop，因此您不能像对象那样直接访问。

所以您需要这样指定索引-

// if you want to access array you need to access via index
this.state.jsonData[index].propname

Answer 3

您的对象是json对象的数组，因此要访问其中的一个对象，您必须提供索引。

this.state.jsonData[0].address

Answer 4

您可以删除json中的数组[ ]，并用=替换:，如下所示：

constructor(props) {
    super(props);
    this.state = {
    jsonData : 
      {
        "address": "xyz",
        "email": "xyz@gmail.com",
        "id": "12334",
        "name": "abc"
      }      
    }
}

，然后您可以将其称为this.state.jsonData.address

如何访问json数组中的单个数据？

4 个答案: