Posterior a de una extensa compilación de información dimos con la respuesta esta pregunta que presentan algunos de nuestros lectores. Te brindamos la respuesta y nuestro objetivo es resultarte de gran apoyo.
Solución:
La solución más simple sería usar el atributo de formulario HTML
Añadir “identificación” attribute a su formulario: id=’my-form’
Agregue el “formulario” apropiado attribute al botón necesario fuera del formulario: form=’my-form’
Qué hace su makeActivityInfoUpdateHandler función parece?
Supongo que lo hizo de la siguiente manera, y simplemente continúe agregando más código para que funcione para usted:
1/ Agregar ref a su Formulario, luego puede acceder al Formulario en el padre (Modal):
2/ Luego en el makeActivityInfoUpdateHandler función:
makeActivityInfoUpdateHandler = (activityId) =>
// ...
this.refs.activityForm.getWrappedInstance().submit();
// ...
El código anterior es la forma en que debe hacerlo, publique aquí más detalles en caso de que esto aún no funcione.
===========
VERSIÓN EDITADA A CONTINUACIÓN: (después de una discusión con el autor, ¡y juntos encontramos una buena manera de evitarlo!):
La idea ahora es poner el ref en un botón (este botón tiene type="submit"y pertenece al formulario), luego, cuando se hace clic en el botón exterior, solo necesitamos llamar al “click()“función de la ref botón [which is a smart thinking from the author himself]
(En realidad, el componente de semantic-ui es una versión modificada y mejorada, ya no es el formulario estándar, por lo que mi forma anterior puede no funcionar cuando intenta enviar el formulario, sin embargo, la forma a continuación funcionará)
El código ahora se verá así:
1/ Agregar ref al botón del formulario:
2/ Luego en el makeActivityInfoUpdateHandler función, disparador click() del botón de arriba:
makeActivityInfoUpdateHandler = (activityId) =>
// ...
this.activityFormButton.click();
// ...
Reseñas y puntuaciones del tutorial
Acuérdate de que puedes optar por la opción de valorar esta noticia si te ayudó.