Estoy experimentando con reaccionar. Soy principalmente backend, por lo que frontend me da algunos problemas obvios. Probé algunas soluciones de Google pero no obtuve ningún éxito. Aquí está el problema. Tengo el siguiente formulario.

Este formulario le permite crear o editar servicios. Existe el mismo método de devolución de llamada para guardar los cambios.

 export const createOrUpdateService = (data, _, props) => { console.log('Create or Update invoked.'); if (data.id) { props.dispatch(actions.updateService(data.id, data)); } else { props.dispatch(actions.createService(data)); } }

Por alguna razón, cuando edito y guardo, la operación funciona correctamente. Pero cuando creo y guardo este método nunca se llama. Estos son mis botones redux que llaman al método createOrUpdateService.

 <button className='btn btn-form my-button--orange' type='button' style={{margin: "5px"}} disabled={editable} onClick={() => enableEdit() }> New Service </button> <button className='btn btn-form my-button--orange' type='button' style={{margin: "5px"}} disabled={!valid || submitting} onClick={() => enableEdit() } > Edit Service </button> <button className='btn btn-form my-button--orange' type='submit' style={{margin: "5px"}} disabled={!editable} onClick={() => handleEdit(handleSubmit(createOrUpdateService)) } > Save </button>

Este es el método handleEdit -

 const handleEdit = (editCallBack) => { if (editable) { editCallBack() } toggleEditable(); }

Me pregunto si editCallback() puede implicar createOrUpdateService() para "Editar servicio", ¿por qué no para "Nuevo servicio"? Me pregunto cómo puedo invocar múltiples envíos desde el mismo formulario.