Изменить необходимое входное сообщение в React

Question

Мне нужно изменить предупреждение (пожалуйста, заполните это поле) в React.

Пример:

Компонент формы и компонент ввода.

PD: я могу сделать это в простом HTML с JS, но я просто не могу заставить его работать с React

PD2: я знаю, что могу использовать указанное для проверки и выдачи пользовательских сообщений об ошибках, но я просто должен сделать это с помощью требуемого предупреждения

Answer 1

Вы можете применить этот фрагмент кода внутри компонента ввода, который вы хотите изменить предупреждение:

htmlInput.oninvalid = function(e) {
    e.target.setCustomValidity("Here is your text!");
};

Также вот пример использования в компоненте:

componentDidMount(){
    var htmlInput = document.getElementById("id");
    htmlInput.oninvalid = function(e) {
        e.target.setCustomValidity("This can't be left blank!");
    };
}