Scribd
Upload
5 views2 pages

Uso de createRoot en ReactDOM

React

Uploaded by

michael.learn.english9
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views2 pages

Uso de createRoot en ReactDOM

React

Uploaded by

michael.learn.english9
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Conceptos básicos

Veamos el código base


HTML

<div id="app"></div>

JS

import ReactDOM from "[Link] /

const appDomElement = [Link]("app")

// react crea un arbol de elementos, root va a representar la ra


const root = [Link](appDomElement)
[Link]('<button>Me gusta</button>')

Explicación del código

const root = [Link](appDomElement)

: En esta línea, se crea una "raíz" de


const root = [Link](appDomElement);

React utilizando el método createRoot de ReactDOM . La raíz es el punto de entrada


para la aplicación React dentro del DOM. A partir de esta raíz, React controla el
DOM y puede renderizar o actualizar componentes dentro de este contenedor.

El método
render de ReactDOM espera recibir un elemento React (es decir, un componente o

un elemento JSX), no una cadena de texto HTML. En otras palabras, la cadena


'<button>Me gusta</button>' debería ser un componente React

Método corregido

Conceptos básicos 1
import React from "[Link] // importar reac
import ReactDOM from "[Link] /

const appDomElement = [Link]("app")

// react crea un arbol de elementos, root va a representar la ra


const root = [Link](appDomElement)
const button = [Link]('button', null, 'Me gusta')
[Link](button)

Salida

Conceptos básicos 2

You might also like