我正在尝试找出最佳实践，以在反应最终表单中添加，以便仅在表单提交失败后显示其他输入。对于上下文，这是一个登录表单，如果用户名和密码不正确，将显示“验证码”。 “验证码”已应用验证，仅在可见时才会返回错误。
我们将登录尝试次数保持在表单外部的状态。
我们目前采用的方法是根据状态下存储的登录尝试在我们的render方法中有条件地进行渲染。我们遇到的问题是，一旦呈现它，它就会自动出现验证错误-我假设是因为表单状态将在渲染时运行验证，因为存在初始提交。在这一点上，我们希望用户在与字段进行交互之前看不到错误。
预期的体验是这样的：
我尝试了仅在该字段上运行的验证程序（用于检查登录尝试次数），但似乎在第二次提交时将忽略该验证程序，并且该验证程序未针对该值运行。我认为这可能是我做错了的事情，但是我想知道在我朝错误的方向前进之前是否有建议的模式。