javascript - 更改 React 中所需的输入消息

Question

我需要更改 React 中的警报(请填写此字段)。

示例:

一个表单组件和一个输入组件。

PD:我可以用 JS 在简单的 HTML 中完成它，但我无法让它与 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!");
    };
}