Input JSX上的屏蔽输入

一开始我想说，我是初学者，几乎什么都不懂=）

所以我有一个JSX脚本，它从

input

字段获取数据

render: function () {
    var disabledSubmitButton = this.state.SubmitButtonDisabled ? "disabled" : "";
    var disabledPortInput = this.state.IsPortInputDisabled ? "disabled" : "";
    return (
        <form className="form" method="post" onSubmit={this.handleSubmit}>
            <br />
    
            <div className="form-group">
                <input
                    className="form-control"
                    name="Id"
                    type="hidden"
                    placeholder="Id"
                    ref="id"
                    onChange={this.handleChange}
                />
            </div>
    
            <div className="form-group">
                <input
                    className="form-control"
                    name="UserName"
                    type="text"
                    placeholder="Имя пользователя"
                    ref="username"
                    onChange={this.handleChange}
                />
            </div>
    
            <div className="form-group">
                <input
                    className="form-control"
                    name="PasswordHash"
                    type="password"
                    placeholder="Пароль"
                    ref="passwordhash"
                    onChange={this.handleChange}
                />
            </div>
    
            <div className="form-group">
                <input
                    className="form-control"
                    name="Email"
                    type="text"
                    placeholder="E-mail"
                    ref="email"
                    onChange={this.handleChange}
                />
            </div>
    
            <div className="form-group">
                <input
                    className="form-control"
                    name="UserRoles"
                    type="text"
                    placeholder="Роль пользователя"
                    ref="userroles"
                    onChange={this.handleChange}
                />
            </div>
    
            <input
                className="btn btn-default"
                value="Submit"
                type="submit"
                disabled={disabledSubmitButton}
            />
        </form>
    );

}

render:function（）{
var disabledSubmitButton=this.state.SubmitButtonDisabled？“disabled”：“；
var disabledPortInput=this.state.isportinputpdisabled？“disabled”：“；
返回(


);
}

---

但我需要为电子邮件和密码字段提供一个屏蔽输入，那么我该怎么做呢？（最好只使用react的功能）

密码字段现在不是被屏蔽了吗？也许这对你有帮助：你能解释一下“屏蔽输入”的确切含义吗？你是说蒙面=密码：***还是蒙面=日期：年/月/日？还是别的什么？