ReactJS 无法识别数组中对象中的值答案

【问题标题】：ReactJS doesn't recognize a value in an object in an arrayReactJS 无法识别数组中对象中的值
【发布时间】：2021-07-01 10:31:19
【问题描述】：

我正在使用 express + react 制作一个 Web 应用程序，并且我正在发送 JSON 数据。我正在使用 axios 获取这些数据并使用 setState 将消息变量设置为 response.data.messages

{
  "messages":{
    "message":{
      "username":"Khigoris"
    }
  }
}

它不允许我这样做

<p>{messages.message.username}</p>

但它说它是未定义的

我是使用 JSON 的新手，所以我认为这是语法，但我需要帮助。

【问题讨论】：

【解决方案1】：

看起来消息对象被包装在另一个对象中，即您的代码如下所示：

const value = {
  "messages":{
    "message":{
      "username":"Khigoris"
    }
  }
}

所以你应该使用：

<p>{value.messages.message.username}</p>

【讨论】：