在 JS 中映射 laravel 验证器错误

【问题标题】：Mapping laravel validator errors in JS在 JS 中映射 laravel 验证器错误
【发布时间】：2020-11-24 21:01:29
【问题描述】：

我的 API 返回验证错误，对象如下：

{
"message": {
    "cnpj": [
        "The cnpj field is required."
    ],
    "nome": [
        "The nome field is required."
    ]
}

}

我如何使用纯香草 JS 为 console.log() 或 li 方法映射每个对象？

曾尝试使用error.response.data.message 但没有成功，因为message 是一个对象。

【问题讨论】：

【解决方案1】：

尝试：

Object.entries(error.response.data.message)
  .map(([, fieldErrors]) => 
    fieldErrors.map(fieldError => <li>{fieldError}</li>)
  )

Object.entries 将对象转换为包含对象中每个键的[key, value] 的数组，含义：

let obj = {a: 1, b: 2}
console.log(Object.entries(obj)) // will become [['a', 1], ['b', 2]]

【讨论】：