Tengo un componente Question y recibo el final de la devolución de llamada cuando finish la pregunta. Quiero mostrar la carga cuando ejecuto operaciones desde la función de finalización. Pero cuando intento setState({isLoading: true}) , ha sido llamado repetidamente.

Estoy usando el componente Clase. y aquí está el componente Pregunta que he usado.

 <QuestionCard questionData={question} next={this.next} previous={this.previous} finish={this.finish} />

Y la función de finalización es como -

 finish = () => { console.log('Finish') this.setState({isLoading: true}) }

Entonces, cuando actualizo el estado de isLoading , parece que el componente se vuelve a renderizar y la función de finalización se llama continuamente. ¿Cómo puedo detener esto para que funcione una vez y mi cargador comience a cargar?

Sé que hay algunas otras preguntas también como esta, pero esas no están resolviendo mi problema. Entonces, sugiera una solución para esto.