标签 <ErrorMessage> Formik 反应样式

Question

我想将样式应用于 Formik 的标签以进行反应。我能怎么做？

<ErrorMessage name="email"></ErrorMessage>

我尝试使用 component={Custom} 但不起作用。

我使用 Tailwindcss。

如果你想帮助我，谢谢。

Answer 1

要将类添加到 React 组件，请使用className="theClass". Formik 的ErrorMessage.component属性采用自定义组件的值，例如，component={Custom}正如您所拥有的，或者它可以采用 HTML 容器，例如component="div"。假设这不是 React 的 Tailwind 端口，“div”是合适的。将这两者放在一起，您可以应用Tailwind 风格的无效消息样式：

<ErrorMessage name="emailAddress" component="div" className="text-red-500 text-xs italic" />