Comprensión profunda de los principios de implementación subyacentes de React.
Cuando el estado o las propiedades de un componente cambian, su propia función de renderizado se volverá a ejecutar.
Nota: Cuando se realiza la renderización del componente principal, la renderización del componente secundario se realizará nuevamente (porque está dentro de la renderización del componente principal).
En otras palabras, cuando el evento vinculado cambia de estado o de accesorios, la función de representación volverá a ejecutar la página analizada. En este momento, se utilizarán nuevos datos durante el análisis, por lo que la página cambiará.
Como se mencionó hace un momento, siempre que el estado y los accesorios cambien, se volverán a representar. Como puedes imaginar, volver a renderizar la página constantemente requiere un rendimiento muy alto. De hecho, el rendimiento del renderizado es muy alto gracias al DOM virtual.
En primer lugar, está claro que las operaciones relacionadas con DOM requieren llamar a aplicaciones web, lo que supone una gran pérdida de rendimiento.
Veamos primero las ideas convencionales.
Pensamiento mejorado (todavía usando DOM)
La idea de reaccionar
Los principios y pasos del DOM virtual de Vue y reaccionar son exactamente los mismos.
Pasos para generar DOM real en React: JSX->Método CreateElement->objeto JS (DOM virtual)->DOM real
Así se puede ver que las etiquetas JSX como div son solo sintaxis JSX, no DOM, solo se usan para generar objetos JS.
De hecho, el DOM virtual (objeto js) se crea en React (se puede generar de la siguiente manera, sin sintaxis JSX).
Ventajas del DOM virtual:
Uso referenciado en React
Proceso de instalación de componentes
Actualización de componentes
El proceso de eliminación de componentes