非同期検証後のRedux-Formファイルのアップロード

Question

私はredux-formフィールドを介して接続されたFileUploadコンポーネントを持っています。入力フィールドでファイルが選択されると、選択されたファイルをbase64文字列としてinput.onChangeおよびinput.onBlurを呼び出します。

asyncValidator redux-formオプションを使用してイメージの寸法を検証しています。非同期検証が完了した後、ファイルをマイサーバにアップロードします。

afterAsyncValidationフックが文書化されていないようです。これを還元型で達成する最善の方法は何ですか？

Answer 1

redux-formは、お客様のデータがサーバに保存されるという考えで設計されました。

ただし、非同期検証後に自分の.then()句を置くのを止めることはありません。このようなもの？

// async function you already have that is looking at your 
// picture field and rejecting the promise with errors 
import validateDimensions from './validateDimensions' 

// async function to upload the image 
import upload from './uploadImage' 

const MyForm = reduxForm({ 
    form: 'myForm', 
    asyncValidate: values => 
    validateDimensions() 
     .then(() => { 
     // we know validation passed 
     upload(values.prettyPicture) 
     //^not "return upload(values.prettyPicture)" to let this async 
     // validation promise resolve and do upload asynchronously 
     // after it has resolved 
     }) 
    }, 
    asyncBlurFields: [ 'prettyPicture' ] 
})(MyForm)