小编ALV*_*VIN的帖子

如何在React Js中设置匹配密码

我需要一些帮助,如何在React js中匹配密码。我使用ant设计,第一个密码有效,但是对于一致密码,我声明不起作用,该怎么办

handlePasswordChange = event => {
  this.setState({
    password: event.target.value,
  });
};
handleConfirmPassword = event => {
  if (event.handleConfirmPassword !== event.handlePasswordChange) {
    message.error('error');
  }
};
Run Code Online (Sandbox Code Playgroud)

这些很有趣,下面是蚂蚁设计

<FormItem {...styles.formItemLayout} label="Password">
  {getFieldDecorator('Password', {
    rules: [{ required: true, message: 'Password is Required!' }],
  })(
    <Input
      onChange={this.handlePasswordChange}
      name="password"
      type="password"
      value={password}
      style={styles.margin}
    />,
  )}
</FormItem>
<FormItem {...styles.formItemLayout} label="Confirm Password">
  {getFieldDecorator('Confirm Password', {
    rules: [{ required: true, message: 'Confirm your Password!' }],
  })(
    <Input
      name="password"
      type="password"
      style={styles.margin}
      onChange={this.handleConfirmPassword}
    />,
  )}
</FormItem>
Run Code Online (Sandbox Code Playgroud)

javascript reactive-programming reactjs react-redux

3
推荐指数
2
解决办法
1万
查看次数