我正在尝试在我的表单中创建密码确认功能。但是，在测试时，我的console.logs输出值总是短一个值，我不确定为什么会发生这种情况。

class SignUp extends React.Component {
    getInitialState() {
        return {
            initialPassword: "",
            confirmPassword: "",
            isMatchedPassword: true,
            isEmailInUse: false,
        }
    }


    checkAvailableEmail(event) {
        console.log("checkAvailableEmail");
        console.log(event.target.value);
    }

    confirmPassword(event) {
        console.log("confirmPassword");
        this.setState({
            confirmPassword: event.target.value
        })

        if (this.state.confirmPassword !== this.state.initialPassword) {
            console.log("Passwords DONT match");
            this.state.isMatchedPassword = false;
        } else {
            console.log("Passwords match");
            this.state.isMatchedPassword = true;
        }

        console.log("confirmPassword props");
        console.log(this.state);

    }

    setInitialPassword(event) {
        console.log("setInitialPassword");
        this.setState({
            initialPassword: event.target.value
        });
        console.log("setInitialPassword props");
        console.log(this.state);

    }

    render() {
        let hidden = "";
        Log.debug('Signup component props');
        Log.debug(this.props);

        return (
            <div>
                <form method="POST" action="/signup">
                    <ul>
                        <li><input id="firstName" name="first_name" placeholder="First name" type="text" required="required" /></li>
                        <li><input id="lastName" name="last_name" placeholder="Last name" type="text" required="required" /></li>
                        <li><input id="email" name="email" placeholder="Email" type="email" required="required" onBlur={ this.checkAvailableEmail }/></li>
                        <li><input id="password" name="password" placeholder="Password" type="password" required="required" onChange={ this.setInitialPassword}/></li>
                        <li><input id="confirmPassword" name="confirm_password" placeholder="Confirm Password" type="password" required="required" onChange={ this.confirmPassword } /></li>
                        <span id="confirmMessage" className={ hidden }>Password does not match</span>
                        <input type="submit" value="Sign up" />
                        <input type="reset" value="Cancel" />
                    </ul>
                </form>
            </div>
        );
    }
};