如何通过异步验证（async-validation）在redux-form中展示警告信息？

我最近刚好踩过这个redux-form异步警告验证的坑，先跟你理清楚目前的现状和我试过的几个方向：

首先明确redux-form的原生能力：

• 同步验证支持错误（阻止表单提交+显示提示消息）和警告（仅显示提示，不拦截提交）两种状态
• 但异步验证这块，官方目前确实没有支持警告的原生能力，我之前也误以为有，查了文档才发现想错了

然后是我为了实现异步警告试过的几个思路，结果都走不通：

• 手动给表单加警告/错误：翻遍官方文档后发现，redux-form根本不允许手动注入警告或错误状态，只能通过给字段或整个表单传验证函数，由框架自行调用触发验证，完全没法手动干预
• 手动触发字段重新验证：找了一圈也没找到官方API能手动触发特定字段的同步验证，没法绕开异步验证的限制来模拟警告效果
• 修改异步验证流程返回警告：试过把异步验证的结果改成警告格式，不返回错误对象，但redux-form根本不识别这种返回值，完全没效果

所以目前这三条路都走死了：异步验证警告原生不支持、手动设置警告不可行、手动触发同步验证也做不到。

几个可以试试的折中方案 #

如果暂时不想花大精力迁移出redux-form，或许可以试试这些妥协方案：

1. 自定义字段组件单独处理：不用redux-form的验证体系，自己在字段组件里写异步请求逻辑，单独维护警告状态。比如字段失去焦点时发起异步请求，拿到结果后在组件内显示警告提示，不影响表单的提交逻辑。虽然和redux-form的原生验证脱节，但能快速实现需求，改动量也相对小。
2. hack一下redux-form的内部逻辑：通过高阶组件或者redux中间件，拦截redux-form的验证相关action，把异步返回的特定标记转换成警告状态存入store。不过这个方案需要对redux-form的内部工作机制比较熟悉，风险也高，后续框架升级可能会出问题。

如果这些折中方案都满足不了你的需求，那可能真的只能开始评估Formik、React Hook Form这类替代库，启动迁移工作了——这也给我提了个醒：千万别想当然觉得框架支持某个功能，一定要先查官方文档确认！

内容的提问来源于stack exchange，提问作者user310988