我需要在React中更改警报(请填写此字段)。
示例:
表单组件和输入组件。
PD:我可以使用JS在一个简单的HTML中完成此操作,但是我无法在React中使用它
PD2:我知道我可以使用声明来验证并抛出自定义错误消息,但我只需要使用必需的警报提示即可
答案 0 :(得分:2)
您可以在要更改警报的输入组件中应用这段代码:
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!");
};
}