Javascript 分组和验证字段

我们有一个表单，它将字段分组到屏幕（部分）中。这种分离只在视觉上完成。屏幕在屏幕左侧命名并列出（始终可见）。如果该部分当前可见，则屏幕名称为白色。如果某个字段出现错误，屏幕名称将标记为红色，这样您就可以随时知道哪个部分有错误。此行为在每个屏幕组件中实现（根本不是最优的）

客户端验证工作得很好（并不总是通过验证器实现）。但是现在我想实现相同的行为，如果我们从API中得到错误。如果某个字段有提交错误，则表示屏幕名称为红色，而在编辑该字段时，屏幕名称不是红色

基本上，我需要将输入字段分组到一个

屏幕

组件中，该组件订阅每个字段

错误

、

提交错误

和

dirtysincellastSubmit

。然后我需要在这个

屏幕

组件中定义一个新的状态变量

valid

，它检查所有子状态并根据每个子状态设置适当的值

---

是否可以将字段分组为最终形式并订阅子状态更改

> P>我可以考虑将它们分解成单独的窗体并管理父组件中的总窗体值，如在您的另一个选择是使用以下内容订阅字段集：

---

稍微有点技术上的顽皮，钩子Link规则会抱怨，但是只要你不改变字段列表，你就应该是好的。

< P>我可以考虑把它们分成单独的窗体和管理父组件中的总表单值，比如您的另一个选择是使用以下内容订阅字段集：

这在技术上有点顽皮，hooks lint规则也会抱怨，但只要您从不更改字段列表，就应该没问题。

我没有看到这个示例，也没有意识到，我可以使用useField订阅现有字段。非常感谢。我没有看到这个例子，也没有意识到，我可以使用useField订阅现有的字段。非常感谢。