选项卡式表单和验证。

Question

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

有没有简单的方法可以切换到有错误的选项卡，或者在清除当前选项卡中的所有错误之前禁止关注后续选项卡？

我是 React、JSX 和现代 JS 开发的新手，请不要过于简洁！ :)

谢谢！

Answer 1

我重现了该问题并在我们的存储库中打开了一个问题。我会告诉你进展如何。

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

我们的想法是：

• 从 redux-form (SET_SUBMIT_FAILED) 捕获失败的验证操作
• 触发带有错误消息的自定义通知，指示发生错误的字段和选项卡。不幸的是，您必须检查字段名称才能知道错误发生在哪个资源上。