Как оформить сообщения об ошибках, проверенные Yup в приложении React Formik?

Question

Я строю форму в React, используя Formik и Yup.Я не уверен, как стилизовать динамические сообщения об ошибках, которые появляются для полей электронной почты и пароля.Ниже приведен пример кода:

https://codesandbox.io/s/j3l5w70q9w

Я хочу стилизовать цвета фона, положения и цвета текста, но яНе знаете, как вставить произвольное имя класса в текст ошибки, который появляется.

Есть идеи?

Answer 1

Упс, неважно, я понял ... неловко.

Вы можете стилизовать сообщения об ошибках непосредственно в форме:

   <p class="styles">{errors.email}</p>

Мой плохой!