如何将redux表单添加到我的调度功能中？

Question

目前，我试图派遣反应/redux中的一些动作，我也使用redux形式。如何实现redux连接函数中的redux表单？

调度功能：

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

然后使用react redux connect功能：

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

将signIn函数传递给mapDispatchToProps时，表单会停止提交吗？

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));