Saltar al contenido

¿Cómo reaccionan usos del domDec virtual, 15thIn este tutorial, vamos a aprender acerca de cómo reaccionan los usos …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo reaccionará el Reino usos virtual para hacer los nodos DOM reales.

Si usted quiere saber sobre JSX a continuación se refieren a tutorial anterior Aprender JSX en más detallado

En primer lugar, vamos a ver cómo virtuales mirada dom igual manera que podemos tener conocimiento sólido.

simple reaccionar componente

function Hello(){

return

Hello everyone

}

El JSX escribimos dentro del reaccionan va a quedar transformada en React.createElement () con la ayuda de babel compilador.

El JSX después transpiling través de Babel.

function Hello() {

return React.createElement(
"h1",
null,
"Hello everyone"
);
}

Su tiempo para ver objeto DOM virtuales .

La parte izquierda de la imagen se reaccionan código y parte derecha es objeto DOM virtual.

Si se pasa este objeto dom virtual al método render () creará los elementos DOM reales.

¿Cuál es dom virtual?

  • dom virtual es un REPRESENTACIÓN objeto de la interfaz de usuario que nos ayuda a crear elementos DOM reales.
  • dom virtual mantiene sincronizado con un dom real mediante la ayuda de reaccionar biblioteca dom este proceso se llama la reconciliación.

Cada vez que la actualización algo en la interfaz de usuario reacciona creará un nuevo dom virtual y compararlo con el viejo dom virtual creada durante el primer tiempo de render método llamado entonces reaccionar figuras cabo, ¿hay alguna diferencia entre lo viejo dom virtual y nueva virtuales dom.if funda algo nuevo entonces sólo reaccionar actualizaciones de la interfaz de usuario.

por ejemplo:

Reaccionar compara el por encima de dos elementos y figuras fuera necesidad de color a ser actualizados no el relleno en el nodo dom real.