onClick不会在首次点击时触发，从第二次点击开始就可以正常使用

问题描述

我在下面有一个输入字段和一个按钮。

// onClick associated with the button.

onClick={() => {
    alert('Button clicked');
}}>

输入字段具有关联的onBlur。

blurHandler = event => {
        if (undefined !== event) event.stopPropagation();
        var inputObj = document.getElementById('myInputId');
            if ((inputObj.checkValidity())) {
                this.setState({ariaInvalidState : "false"})
            } else {
                if(inputObj.value !== "") {
                    this.setState({isInputEmpty : false})
                    this.setState({ariaInvalidState : "true"})
                } else {
                    this.setState({ariaInvalidState : "false"})
                }
            }
        if (typeof this.props.onBlur === 'function') this.props.onBlur(event);
    };

该按钮的第一次单击未显示警报消息。从第二次单击开始，它按预期方式工作。

是什么原因造成的？

如何解决此问题？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）