Html 引导字段内的密码切换图标

我有一个react引导字段，用于输入密码。我需要在字段中添加密码显示按钮。像这样的

我已经用我的图标更改了默认的正确图标，如下所示

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

如何添加密码切换图标，该图标也应可单击

我的密码字段（反应引导）

我的密码是

您是否能够提供您的HTML，以便我们有一个完整的工作示例？您好，您能在codesandbox或copepen中提供代码吗

<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>