Effacer les champs Redux-Form après la soumission

Question

Bonjour et bonne journée, Je suis nouveau à réagir et à redoubler et dans mon projet, nous n'utilisons pas de composants statefull, juste sans état avec des conteneurs. J'ai un formulaire redux avec quatre champs. Lorsque je soumets mon formulaire, je veux que les champs soient effacés. Je vois quelque chose dépêche (remise à zéro (« myForm ») Ma question est là que je dois le mettre dans mon récipient et passant comme accessoire à mon composant

Mon conteneur est comme ça.?

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

Vous pouvez utiliser onSubmitSuccess avec reset.

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

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

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