在反应js中循环遍历数组中的对象

Question

如何在 react js 中通过该数组才能在注册时显示错误但它不允许我获取消息方法

"errors": {
        "email": [
          {
            "message": "This field is required.",
            "code": "required"
          }
        ],
        "username": [
          {
            "message": "This field is required.",
            "code": "required"
          }
        ],
        "password1": [
          {
            "message": "This field is required.",
            "code": "required"
          }
        ],
        "password2": [
          {
            "message": "This field is required.",
            "code": "required"
          }
        ]
      },

我尝试如下

console.log(errors.username[0].message);

Answer 1

我假设您想循环并显示错误。 您可以使用 for...in 如下所示： 欲了解更多信息：MDN

const errors = {
        email: [
          {
            message: "This field is required.",
            code: "required"
          }
        ],
        username: [
          {
            message: "This field is required.",
            code: "required"
          }
        ],
        password1: [
          {
            message: "This field is required.",
            code: "required"
          }
        ],
        password2: [
          {
            message: "This field is required.",
            code: "required"
          }
        ]
};

for (const type in errors) {
  console.log(`${type}: ${errors[type][0].message}`);
}