引导字段中的密码切换图标

Question

我有一个react-bootstrap字段，用于输入密码。我需要在字段内添加密码显示按钮。像这样

我已经用以下图标更改了默认正确的图标。

 .form-control.is-valid,
 .was-validated .form-control:valid {
  background-image: url("../../assets/icons/Tick.png") !important;
  background-size: 24px 24px !important;
}

如何添加也应该单击的密码切换图标。

我的密码字段（react-bootstrap）

<Form.Group controlId="formPassword" style={{ marginBottom: '32px' }}>
       <Form.Label className="label_type2">My password will be</Form.Label>
       <Form.Control type="password" className="input_text" id="pass_icon" placeholder="" required />
</Form.Group>