如何从对象数组中提取数据并分配给变量？

Question

我无法从下面的数组中提取所需的数据。 它是从后端接收的，我想将这些值用作错误消息。 我试过 map 但无济于事。

const errorArray = [
  {
    "candidate": {
      "phone_number": [
        "Enter a valid phone number."
      ]
    },
    "amount": [
      "Minimum amount £10"
    ]
  }
]

我想要类似于下面的东西，但不知道怎么做？

const phone_number = "Enter a valid phone number."
const amount = "Minimum amount £10"

编辑：

我的问题是我无法使用点表示法访问数据。 我正在使用 react 并且 errorArray 作为道具传递。 我可以 console.log(errorArray) 并查看包含对象的数组，但是当我使用点表示法时，我收到错误：Uncaught TypeError: Cannot read properties of null (reading 'candidate')。

我是否需要遍历数组或类似的东西？ 任何方向将不胜感激。

Answer 1

如果服务器总是以相同的格式返回数据，下面的代码应该可以工作。

 const phone_number = errorArray[0]. candidate.phone_number[0];
    const amount = errorArray[0].amount[0];