Estoy usando AvForm en React js. Quiero restablecer el formulario después del envío del formulario. Pero no puedo restablecer el código a menos que actualice toda la página. Cada vez que se envía el formulario, conserva el valor anterior pero no restablece los campos
formulario.js
<AvForm className="form-horizontal" onValidSubmit={(e, v) => { const data = { ...formData, ...v }; setFormData({ ...data }); dispatch( createMarketplaceAccount( { name: data.name, access_id: data.access_id, access_secret: data.access_secret, marketplace: "amazon", aws_credentials: { marketplaces: data.marketplaces.split(","), }, account_id: getUserInfo().account_id, informed_api_key: data.informed_api_key, }, ), ); toggleTabProgress(3); toggleTab(3); }} > <div className="form-group"> <AvField name="access_id" label="Amazon Seller ID:" value="" className="form-control" placeholder="ABC123DE456F78" type="text" required /> </div> <div className="form-group"> <AvField name="access_secret" label="MWS Auth Token:" value="" className="form-control" placeholder="amzn.mws.123e4567-e89b-12d3-a456-426655440000" type="text" required /> </div> <ul className="pager wizard twitter-bs-wizard-pager-link"> <li onClick={() => { toggleTabProgress(1); }} className="btn btn-primary w-md btn-sm waves-effect waves-light" > Previous </li> <li className={activeTabProgress === 4 ? "next disabled" : "next"}> <button type="submit" className="btn btn-primary w-md btn-sm waves-effect waves-light"> Next </button> </li> </ul> </AvForm>Necesito ayuda. Gracias de antemano. necesito algunas sugerencias
Puede obtener la ref de AvForm y usar reset()
class Whatever extends React.Component { constructor(props){ super(props); this.handleValidSubmission = this.handleValidSubmission.bind(this); } handleValidSubmission (event, fields) { // do your thing this.form && this.form.reset(); } render() { return ( <AvForm onValidSubmit={this.handleValidSubmission} ref={c => (this.form = c)}> ... Your form fields here ... </AvForm ) } }Hassam usa el concepto de estados y configura el estado para que se vacíe cuando sea necesario y asigna ese estado a la propiedad de valor del campo.