在屏幕中显示控制台警告或错误

Question

我正在使用 React Native，firebase。我有一个包含电子邮件和密码字段的登录组件。它使用 formik 和 yup 进行验证。这是我使用世博小吃的代码链接。

Link of Login Components

如果提供了正确的凭据，它就可以正常工作。但是，如果我提供了错误的密码，则不会显示任何警告，但是，在控制台中，会出现一条错误消息。如何在屏幕上或密码字段下方显示这些错误消息？

Answer 1

我建议采用以下方法：

首先，我们想要一个 import React, {useState} from 'react'

在你的组件顶部添加 [loginErrorMessage, setErrorMessage] = useState('')

现在在你的函数组件的返回中你想要添加一个这样的文本字段

<Text>{loginErrorMessage}</Text>

最后在 handleSignup 函数的 catch 语句中添加 setErrorMessage(error.message)