Настраиваемое сообщение проверки с выбором реакции

Question

Я хочу интернационализировать сообщения проверки формы.Мне удалось сделать это для стандартных входов, используя это решение .Однако для React Select он ведет себя немного иначе. Видимо , все, что нужно, это переопределить onChange и onInvalid внутри inputProps проп.

Однако, похоже, что встроенный <input/> не запускает егоonChange функция при изменении значения.Это означает, что, если Select недопустимо, оно никогда не вернется к действительному.Еще одна вещь, которая может быть связана с этим, заключается в том, что значение встроенного <input/> составляет null после выбора опции.

Здесь - это CodeSandbox, который показывает, как далеко я получил,Первый Select работает как положено, но с сообщением проверки по умолчанию.Второй Select имеет пользовательское сообщение, но не работает должным образом.<input/> здесь, чтобы показать, что onChange не вызывается во встроенном <input/>.

Пожалуйста, дайте мне знать, если возможно заставить его вести себя как ожидалось.

Спасибозаранее.

Answer 1

Мне удалось сделать что-то пригодное для использования , но, как я уже сказал в комментариях, это не красиво.Если эта ссылка перестает работать, она включает установку required в true / false, чтобы попытаться сделать сообщение отображаемым только один раз, и использование setCustomValidity всякий раз, когда сообщение неизбежно появляется.

IЯ подниму проблему в React Select, потому что я думаю, что должен быть лучший способ, как показано в примере с чистым <input/>.