应用 PasswordStrengthBar 后,我应该如何检查密码是弱还是好?

问题描述

我正在使用 PasswordStrengthBar import PasswordStrengthBar from 'react-password-strength-bar'; https://www.npmjs.com/package/react-password-strength-bar

我想在点击确认按钮和密码弱时显示一条消息.. 我应该如何检查密码是弱还是好?

<input type="password" className="form-control" value={this.state.newPassword} onChange={this.passwordOnChange} id="pwd" />
<PasswordStrengthBar   password={this.state.newPassword}   />

解决方法

根据这个包的github源码

https://github.com/lannex/react-password-strength-bar/blob/master/examples/src/Home.js

你可以在 onChangeScore 属性的分数发生变化时调用函数

 <PasswordStrengthBar
        password={this.state.newPassword}
        onChangeScore={score => {
          console.log(score);
        }}
      />