我正在尝试在我的表单中创建密码确认功能。但是,在测试时,我的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 …Run Code Online (Sandbox Code Playgroud)