Redux-form的提交方法中没有传入数据_将表数据传入angular中的方法_在redux-form中:如何检索仍未提交的值 - 腾讯云开发者社区

Redux-form是一个用于管理表单状态的库，它基于Redux的思想，提供了一种简化和统一表单处理的方式。在Redux-form中，表单的提交方法是通过Redux的action来触发的。

当Redux-form的提交方法中没有传入数据时，可能会导致表单提交失败或者提交的数据为空。为了解决这个问题，我们可以采取以下步骤：

确保表单组件与Redux-form的连接正确：首先，确保表单组件通过Redux-form的reduxForm高阶函数进行连接，并正确地指定了表单的名称和提交方法。例如：

import { reduxForm } from 'redux-form';

class MyForm extends React.Component {
  // ...
}

export default reduxForm({
  form: 'myForm', // 表单的名称
  onSubmit: submitForm // 提交方法
})(MyForm);

检查表单组件中的提交方法：在表单组件中，确保提交方法submitForm被正确地定义和调用。提交方法应该接收表单数据作为参数，并将其作为Redux的action进行派发。例如：

import { submit } from 'redux-form';

const submitForm = (formData) => {
  // 处理表单数据
  // ...

  // 提交表单数据
  dispatch(submit('myForm')); // 使用Redux-form的submit函数提交表单数据
};

检查表单组件中的表单数据传递：在表单组件中，确保表单数据被正确地传递给提交方法。通常，表单数据可以通过Redux-form的handleSubmit函数进行传递。例如：

import { Field, reduxForm } from 'redux-form';

class MyForm extends React.Component {
  // ...

  render() {
    const { handleSubmit } = this.props;

    return (
      <form onSubmit={handleSubmit(submitForm)}> {/* 使用handleSubmit传递表单数据 */}
        {/* 表单字段 */}
        <Field name="fieldName" component="input" type="text" />
        
        {/* 提交按钮 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

export default reduxForm({
  form: 'myForm',
  onSubmit: submitForm
})(MyForm);

总结：当Redux-form的提交方法中没有传入数据时，可能会导致表单提交失败或者提交的数据为空。为了解决这个问题，我们需要确保表单组件与Redux-form的连接正确，检查表单组件中的提交方法和表单数据传递。如果以上步骤都正确无误，但问题仍然存在，可能需要进一步检查Redux-form的配置和使用方式，以及相关的Redux状态管理。