React Native Expo Loop 通过 Json 响应并输出到 Alert

Question

我从 API 收到以下对我的 React Native Expo 应用程序的响应：

 {
      "email":[
           "The email must be a valid email address."
      ],
      "password":[
           "The password field is required."
      ]
 }

我想在只有回复的警报中显示这个。

我写过：

 const displayErrors = (response) => {
   console.log(JSON.stringify(response));
   alert(JSON.stringify(response[0]));
 }

但是这给了我一个错误“警报未定义”。

如何遍历 JSON 以正确显示消息？

Answer 1

即使这不是您处理此类错误响应的方式，您是否从

Alert

导入了

react-native

？

import { Alert } from "react-native"

const displayErrors = (response) => {
  const errors = Object.values(response);
  if (errors?.[0]?.[0]) Alert.alert((errors.[0].[0]);
}