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

时间:2018-08-31 22:14:06

标签: javascript html5 reactjs

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

示例:

表单组件和输入组件。

PD:我可以使用JS在一个简单的HTML中完成此操作,但是我无法在React中使用它

PD2:我知道我可以使用声明来验证并抛出自定义错误消息,但我只需要使用必需的警报提示即可

1 个答案:

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