提交后清除Redux-Form字段

Question

大家好,我有新的反应和redux,在我的项目中我们没有使用statefull组件,只是无状态的容器.我有一个带有四个字段的redux表单.当我提交表单时,我希望字段清除.我看到有关调度的事情(重置('myForm').我的问题是我必须把它放在哪里？在我的容器中并将它作为道具传递给我的组件？

我的容器是这样的:

const mapDispatchToProps = dispatch => (
  {
    submitOrdersTradesSearch: (formSearchOrdersTradesData) => {
      dispatch(searchOrdersTrades(formSearchOrdersTradesData));
    }
  }
);

const OrdersTradesSearchForm = reduxForm({
  form: 'ordersTradesSearchForm',
})(OrdersTradesSearch);

const OrdersTradesSearchContainer =
  connect(null, mapDispatchToProps)(OrdersTradesSearchForm);

export default OrdersTradesSearchContainer;

Answer 1

您可以使用onSubmitSuccess进行重置.

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

const afterSubmit = (result, dispatch) =>
  dispatch(reset('ordersTradesSearchForm'));

const OrdersTradesSearchForm = reduxForm({
  form: 'ordersTradesSearchForm',
  onSubmitSuccess: afterSubmit,
})(OrdersTradesSearch);