标签 <ErrorMessage> 福米克反应风格



我想将样式应用于Formik的react标记。我该怎么办?

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

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

我使用Tailwindcss。

如果你想帮助我,谢谢。

要将类添加到React组件,请使用className="theClass"。Formik的ErrorMessage.component属性采用自定义组件的值,例如component={Custom},也可以采用HTML容器,例如component="div"。假设这不是React的尾风端口,则"div"是合适的。将这两者放在一起,您可以应用Tailwind样式的无效消息样式,从而:

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

添加";部件";ErrorMessage组件的字段

这个方法在react中对我有效。。

<ErrorMessage name='email' render={msg => <div className="error">{msg}</div>}/>

然后,在CSS文件中调用该className

.error{
color: red;
}

最新更新