选项卡式和验证。

Question

我正在创建带有验证的选项卡式表单，有一件事我不明白该怎么做：当我点击提交按钮，并且某些字段中存在验证错误时，表单未提交 - 但如果该字段位于隐藏选项卡（非聚焦选项卡）中，则不会显示任何错误消息。

是否有简单的方法可以切换到有错误的标签，或者禁止关注以下标签，直到当前标签中的所有错误都被清除为止？

我是所有React，JSX和现代JS开发的新手，请不要太简洁！ ：）

谢谢！

Answer 1

我重现了这个问题并在我们的存储库中打开了一个问题。我会告诉你它是怎么回事。

与此同时，缓解此问题的一种方法是创建custom saga。您需要了解redux-saga的一些知识。

这个想法是：

• 从redux-form（SET_SUBMIT_FAILED）
捕获失败的验证操作
• 触发自定义通知，并显示一条错误消息，指出字段和发生错误的选项卡。不幸的是，您必须检查字段名称以了解错误发生的资源。