reactjs - 手动设置 redux-form 字段和/或表单错误

Question

我知道如果你抛出 SubmissionError来自您的handleSubmit()函数，redux-form代码将填写相应字段和/或表单本身的错误。

然而，设置字段/表单错误的 API 与我们的 handleSumbit() 的实现紧密结合。成为 redux-form 的调用者代码(其中包含 SubmissionError 异常处理程序)。

我的用例是这样的:

function asyncActionDispatcher(values) {                                     
  return (dispatch, getState) => {                                           
    // I'm using getState, which is not accessible in handleSubmit()         
    // But I'd also like to be able to set errors on the form fields and/or the
    // form.                                                                 
  };                                                                         
}                                                                            

function handleSubmit(values, dispatch) {                                    
  dispatch(                                                                  
    asyncActionDispatcher(values)                                            
  );                                                                         
} 

我不能抛出 SubmissionError在asyncActionDispatcher()因为它是由 redux 调用的而不是redux-form .

是redux-form有另一个 API 可以在字段/表单上设置错误吗？

Answer 1

Does redux-form have another API to set errors on fields/form?

当asyncValidate和建议的其他选项不起作用时(例如，因为验证考虑多种形式)，这里的另一个选项是直接分派(dispatch)updateSyncErrors。下面的示例用法:

const { updateSyncErrors } = require('redux-form/lib/actions').default;

dispatch(updateSyncErrors('formName', {
  fieldName: 'Some Error Message'
}));