Отобразить ошибку проверки для нескольких полей ввода в пределах одного FormItem - PullRequest
Новая
       21

Отобразить ошибку проверки для нескольких полей ввода в пределах одного FormItem

0 голосов
/ 11 октября 2019

Я ввел элемент управления, который содержит 3 select поля (день, месяц, год) для ввода даты. Когда заданы все 3 поля, компонент создает объект Moment и задает значение в моей форме, которое затем запускает проверку. (Я использую response-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>
...