在 React 中更改所需的输入消息

Question

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

例子：

一个 Form 组件和一个 Input 组件。

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!");
    };
}