Javascript 反应引导如何提示用户错误？

我正在使用React Bootstrap，目前我正在研究如何在用户错误输入数据时提示错误

例如用户登录，用户单击登录按钮后，下面的输入文本将显示红色标记错误示例*用户名和密码不匹配

我进行了一些挖掘，我没有运气找到这个例子，但我找到了（必选）字段，但这不是我的案例

我的代码如下：

<Form>
   <Label>UserName</Label>
       <InputGroup className="mb-3">
             <Input type="text" onChange={this.Username} placeholder="Enter UserName" />
       </InputGroup>
   <Label>Password</Label>
        <InputGroup className="mb-4">
              <Input type="password" onChange={this.Password} placeholder="Enter Password" />
        </InputGroup>
<Form.Control.Feedback type="valid" color="danger" tooltip>*Username and Password Incorrect</Form.Control.Feedback>
          Button onClick={this.Login} color="success" block>Login</Button>
</Form>

用户名
密码
*用户名和密码不正确
按钮onClick={this.Login}color=“success”block>Login

但似乎

Form.Control.Feedback

不起作用

要求

我正在使用React Js

我正在使用React引导库

---

我应该如何执行上面提到的操作？

是否在提交按钮处理程序中使用

form.checkValidity（）

方法

const handleSubmit=（事件）=>{
const form=event.currentTarget；
if（form.checkValidity（）==false）{
event.preventDefault（）；
event.stopPropagation（）；
}
setValidated（true）；
};

更多信息，请点击此处：