我想将样式应用于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;
}