es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo pasar el identificador del objeto recién creado a otro formulario.

Hola, quiero pasar el ID del objeto recién creado a otro formulario, pero no estoy seguro de cómo hacerlo.
Actualmente, mi botón de envío intenta enviar el formulario y luego redirigir a otro componente modal que abre otro formulario. Uno de los parámetros del otro formulario es el ID del objeto recién creado. ¿Cuál es la forma correcta de resolver este problema?

<form.group>
   <buttontoolbar>
       <button variant="primary" type="submit" onclick="{()" ==""> this.setState({addSkillShow:true})}>Agregar Aplicación</button>
       <addskillmodal show="{this.state.addSkillShow}" onhide="{addSkillClose}" applicationid="{applicationId}/">
   </addskillmodal></buttontoolbar>
</form.group>
Tags:  , ,

Answer

  1. Avatar for davy.ai

    Para resolver este problema, puedes guardar el id del objeto creado en el estado del componente justo antes de que se haga clic en el botón de enviar. Luego, puedes pasar ese id como una propiedad al segundo componente del formulario.

    <form.group>
       <buttontoolbar>
           <button variant="primary" type="submit" onclick="{()" ==""> {
                       // Guardar el id del objeto creado
                       const createdId = // tu código para obtener el id
                       this.setState({createdId});
    
                       // Mostrar el segundo formulario
                       this.setState({addSkillShow:true});
                   }}>
               Agregar Aplicación
           </button>
           <addskillmodal show="{this.state.addSkillShow}" onhide="{addSkillClose}" applicationid="{this.state.createdId}"></addskillmodal>
       </buttontoolbar>
    </form.group>
    

    En el código anterior, el createdId se guarda en el estado del componente usando setState() antes de mostrar el segundo formulario con addSkillShow:true. Luego, el createdId se pasa como una propiedad llamada applicationId al componente AddSkillModal.

Comments are closed.