Блог

Я использую React Native, firebase. У меня есть компонент входа в систему, в котором есть поле электронной почты и пароля. Он проверяется с помощью formik и yup. Вот ссылка на мой код с помощью expo snack.

Ссылка на компоненты входа в систему

Он работает должным образом, если предоставлены правильные учетные данные. Однако, если я ввел неправильный пароль, какое-либо предупреждение не отображается, однако в консоли появляется сообщение об ошибке. Как я могу отобразить эти сообщения об ошибках на экране или под полем пароля?

Я бы предложил следующий подход:

Прежде всего, мы хотим иметь import React, {useState} from 'react'

в верхней части вашего компонента добавьте [loginErrorMessage, setErrorMessage] = useState('')

теперь в возврате компонента функции вы хотите добавить текстовое поле, подобное этому

<Text>{loginErrorMessage}</Text>

наконец, в вашем операторе catch функции handleSignup добавьте setErrorMessage(error.message)