提交后清除Redux表单字段
问题描述:
你好,祝你有美好的一天, 我是新来的反应和redux,在我的项目中,我们没有使用statefull组件,只是无容器状态的容器。我有一个四个字段的还原形式。当我提交表格时,我希望字段得到清除。我看到一些关于讯(复位(“myForm的”)我的问题是我必须把它放在我的容器,并把它当作道具我的组件提交后清除Redux表单字段
我的容器是这样的:??
const mapDispatchToProps = dispatch => (
{
submitOrdersTradesSearch: (formSearchOrdersTradesData) => {
dispatch(searchOrdersTrades(formSearchOrdersTradesData));
}
}
);
const OrdersTradesSearchForm = reduxForm({
form: 'ordersTradesSearchForm',
})(OrdersTradesSearch);
const OrdersTradesSearchContainer =
connect(null, mapDispatchToProps)(OrdersTradesSearchForm);
export default OrdersTradesSearchContainer;
答
您可以使用onSubmitSuccess与reset。
import { reset, reduxForm } from 'redux-form';
const afterSubmit = (result, dispatch) =>
dispatch(reset('ordersTradesSearchForm'));
const OrdersTradesSearchForm = reduxForm({
form: 'ordersTradesSearchForm',
onSubmitSuccess: afterSubmit,
})(OrdersTradesSearch);
良好的响应。谢谢! –