如何在React Formik应用程序中设置由Yup验证的错误消息的样式？

Question

我正在使用Formik和Yup在React中构建一个表单。我不确定如何设置显示在电子邮件和密码字段中的动态错误消息的样式。下面是一个代码示例：

https://codesandbox.io/s/j3l5w70q9w

我想对背景颜色，位置和文本颜色进行样式化，但是我不知道如何在出现的错误文本中插入自定义类名称。

有什么想法吗？

Answer 1

哎呀，没关系，我...很尴尬。

您可以直接使用以下格式设置错误消息的样式：

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

我不好！