项目采用react.js+ant开发：让span标签的内容转换何成密码暗文*

Question

react.js:我要做一个密码框，由于样式问题，就采取了一个input框变透明，然后input框里面的内容绑定到一个span标签,透过span来显示，但现在问题是如何让span标签的内容转换成密码暗文6个*这样子呢？（绑定的事件）

Answer 1

{password.replace(/./g, "*")}

Answer 2

除了上面大神给的正则以为，还可以在onchange事件里，判断当前输入的长度，有多少个长度，就再设一个参数，那个参数就有多少个*。代码如下：

// 密码输入框事件

onpwdChange(e) {

    let password = e.target.value;

    let pad = '';

    for (let i=0;i<password.length;i++){

        pad=pad+"*"

    }

    this.setState({

        password: password,

        pad:pad,

    })

}