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

Firebase 在屏幕上显示控制台警告或错误,firebase,react-native,validation,formik,yup,Firebase,React Native,Validation,Formik,Yup,我使用的是React Native,firebase。我有一个登录组件,它有一个电子邮件和密码字段。使用formik和yup对其进行了验证。这是我使用expo零食的代码链接 如果提供了正确的凭据,则它工作正常。但是,如果我提供了错误的密码,则不会显示任何警告,但是控制台中会显示错误消息。如何在屏幕上或密码字段下方显示这些错误消息 我建议采用以下方法: 首先,我们想有一个 import React,{useState}来自“React” 在组件的顶部添加 [loginErrorMessage,s

我使用的是React Native,firebase。我有一个登录组件,它有一个电子邮件和密码字段。使用formik和yup对其进行了验证。这是我使用expo零食的代码链接

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


我建议采用以下方法:

首先,我们想有一个
import React,{useState}来自“React”

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

现在,在返回函数组件时,您希望添加如下文本字段

{loginErrorMessage}

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

谢谢你的建议,我已经按照你的步骤做了,但是它不起作用。