React setState se representa tres veces. ¿Cuántas veces?

Al mismo tiempo, React pondrá múltiples modificaciones generadas por this.setState en una cola, esperará un momento, las guardará juntas y luego activará un proceso de actualización cerca del final.

Para mejorar el rendimiento general de renderizado, React fusionará el estado dentro de un ciclo de renderizado. Durante este ciclo de renderizado, todas las llamadas a todos los setstates se combinarán y representarán de una sola vez. Esto puede evitar operaciones DOM frecuentes causadas por llamadas frecuentes a setstates y mejorar el rendimiento de renderizado. En términos de implementación específica, se puede entender simplemente que hay una variable de estado isBatchingUpdates en reaccionar. Esta variable se establecerá en verdadero cuando comience el ciclo de renderizado y en falso cuando finalice el ciclo de renderizado. Según esta variable de estado, React solo almacenará en caché el cambio actual cuando aparezca en el ciclo de renderizado y luego lo renderizará todo de una vez al final del ciclo de renderizado.