私はディスパッチ機能にreduxフォームを追加するにはどうすればよいですか？

Question

現在、私はreact/reduxでいくつかのアクションをディスパッチしようとしていますし、reduxフォームも使用しています。 react-redux connect関数内でreduxフォームを実装するにはどうしたらいいですか？

ディスパッチ機能：

const mapDispatchToProps = (dispatch) => { 
    return{ 
    authUser:() => { 
     dispatch(authUser()); 
    }, 
    signIn:() => { 
     dispatch(authUser()); 
    } 
    } 
} 

次に反応-Reduxの接続機能を使用して：mapDispatchToPropsにサインイン関数に渡すとき

export default reduxForm({ 
    validate, form: 'signInForm'}) 
(connect(mapStateToProps, mapDispatchToProps) (SignIn)) 

を、フォームが次に送信停止しますか？

mapStateToProps機能：

function mapStateToProps(state){ 
    return { 
    SignInDetails: state.SignInDetails, 
    isAuthenticated: state.isAuthenticated 
    } 
} 

サインインもリデューサー：

import _ from 'lodash'; 
const SIGN_IN_FULFILLED = 'SIGN_IN_FULFILLED'; 

export default function(state, action){ 
    //eslint-disable-next-line 
    switch (action.type) { 
    case SIGN_IN_FULFILLED: 
     return _.mapKeys(action.payload.data, 'id'); 
    default: 
     return {}; 
    } 
} 

Answer 1

あなたはこれを試すことができます。

import { connect } from 'react-redux' ; 
import { reduxForm } from 'redux-form'; 

... 




export default connect(mapStateToProps, mapDispatchToProps)(reduxForm({ 
     form: 'signInForm', 
     validate 
})(SignIn));