javascript - onClick 在第一次点击时不触发，从第二次点击开始按预期工作

Question

我有一个输入字段和一个放置在其下方的按钮。

// 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);
    };

第一次单击该按钮未显示警报消息。从第二次单击它按预期工作。

这是什么原因造成的？

我该如何解决这个问题？

标签： javascriptreactjsonclickonblur