我第一次单击按钮时未触发Reactjs-onClick事件

Question

我有一个问题，当我第一次单击我的按钮没有触发时，但是在第二次单击起作用时，有什么帮助吗？我不明白为什么会这样

    render() {
    return (
    <button type="button" className="basic-submit-button"  onClick={this.submitUsernameChange}>{window.main.resources["SaveChangesButton"]}</button>
    );
}

submitUsernameChange() {
    if (this.canSubmit()) {
        PersonalInfoActions.changeUsername(this.state.newUsername);
        HeaderActions.logout();
        this.setState({ submitting: false });
    }
}
    constructor(props) {
    super(props);

    this.submitUsernameChange = this.submitUsernameChange.bind(this);
    this.state = PersonalInfoStore.getState();
}

Answer 1

在允许提交表单之前，您应该检查newUsername是否有效。您可以禁用提交按钮，并检查用户名是否在类型上有效。

Answer 2

如果有人遇到这种类型的错误，我固定将handlerBur更改为onKeyPressUp事件。似乎事件在哪里重叠。