Usé el componente React Bootstrap Form en mi aplicación. Al enviar, si los criterios de validación del formulario son verdaderos, muevo o represento un componente de diferencia en mi clase principal. Procesa el componente que deseo, pero mi componente de procesamiento no responde durante los primeros 10 segundos. Me podrías decir el motivo de esto. Mi fragmento de código es

 handleSubmit = (event) => { const form = event.currentTarget; console.log("EVENT LOG", event) if (form.checkValidity() === false) { event.preventDefault(); event.stopPropagation(); this.setState({ validated: true }); } else { event.preventDefault(); event.stopPropagation(); this.props.sendData(this.state); this.props.nextStep(); } //this.setState({ validated: true }); };

 I store the state of my current Child component to parent array variable and render the desire child component with this.props.nextStep() methods.