Reduxのフォーム -

Question

参照を構成する際に使用して更新されないinitialValues：私は、プロファイルのフォームを実装しようとしていますhttps://redux-form.com/6.7.0/examples/initializefromstate/

そのAPIエンドポイントから取得された初期データで更新されます。

上記のredux-formの例を参照すると、私はこの例を得ることができました。しかし、私がリファクタリングするときに、 'initialValues'を使用して作成することはフィールドに挿入されません。

このコードは機能しません。initialValuesにはデータが含まれていますが、フォームフィールドには挿入されません。

export default compose(
    reduxForm({ 
     form: 'initializeFromState', 
     enableReinitialize : true 
    }), 
    connect(state => ({ 
     initialValues: state.profile, // pull initial values from account reducer 
    }), actions) 
)(EditProfile); 

しかし、このコードは参考例からわずかに変更されています。 'initialValues'にはデータも含まれます。

EditProfile = reduxForm({ 
    form: 'initializeFromState', 
    enableReinitialize: true 
})(EditProfile); 

EditProfile = connect(
    state => ({ 
     initialValues: state.profile, 
    }), 
    actions, 
)(EditProfile); 

export default EditProfile; 

これは私と似ていますが、このような構成を使用できないのでしょうか？

Answer 1

引数をcomposeに間違った順序で渡しています。合成された関数は末尾から始めに向かって実行されます。したがって、2番目の例の場合と同じように注文を元に戻す必要があります。

export default compose(
    connect(state => ({ 
     initialValues: state.profile, // pull initial values from account reducer 
    }), actions), 
    reduxForm({ 
     form: 'initializeFromState', 
     enableReinitialize : true 
    }) 
)(EditProfile);