Soy muy nuevo en ReactJS y JavaScript en general, por lo que tengo dificultades para entender la sintaxis.
Tengo el siguiente componente muy básico:
import React from 'react' import ReactDom from 'react-dom' function Greetings() { return <h1>Hello World</h1> }que estoy tratando de representar usando la siguiente línea:
ReactDom.render(<Greetings/>, document.getElementById('root'))Ahora tengo dificultades para tratar de dar sentido a la sintaxis:
ReactDom.render(<Greetings/>, document.getElementById('root')) , donde Greetings() es una función.
Entonces, ¿qué significa encerrarlo en etiquetas?
La sintaxis se llama JSX . Al usar JSX, está llamando efectivamente a React.createElement() . Entonces, si no desea usar JSX ( <Component> ), puede reemplazarlo con React.createElement(Component) . De hecho, esto es lo que hace Babel cuando usa React: reemplaza todas las etiquetas JSX con llamadas a React.createElement .