Question

我实现了一个包含3个select字段（日，月，年）的控件，以便输入日期。给出所有3个字段后，该组件将创建一个Moment对象，并以我的形式设置值，然后触发验证。（我在表单验证部分使用了react-final-form，但不一定要知道）。

如果验证失败，我想用红色突出显示所有3个字段，并在这些字段下方显示错误消息。

鉴于我在一个FormItem中有多个选择字段，显然无法显示该错误消息。我想知道的是，是否有一种方法可以通过编程方式设置select组件的错误状态（不是FormItem）或以某种方式在单个selects上设置错误样式？

这里有一些伪代码只是为了说明FormItem的构造方式。

<FormItem label={label}>
  <>
     <Select></Select> <-- To be marked/highlighted as error if validation fails
     <Select></Select> <-- To be marked/highlighted as error if validation fails
     <Select></Select> <-- To be marked/highlighted as error if validation fails
     ...Here I will display the error message...
  </>
</FormItem>

显示一个FormItem中多个输入字段的验证错误

0 个答案: