Mientras estudio react.js, noté que cualquier función que escribí y luego le di un nombre de parámetro, javascript entenderá este parámetro como tipo de objeto
Me gusta esto:
function Somthing(some){
return (
<div>
Hello, friends{console.log(some)}
</div>
)
}
expprt default Something
Luego console.log(some)
me dará el tipo "Objeto{}" sin asignarle ningún objeto
Entonces mi pregunta, ¿cómo puedo hacer este concepto en javascript vainilla y cómo lo entiende javascript?
Solución del problema
Puede pensar en los accesorios React como un parámetro de función normal, es un objeto que contiene algunas propiedades.
en el siguiente ejemplo, vemos que los componentes de reacción o jsx son funciones constructoras normales
function Greeting(props){
return <h3>Hello {props.name}</h3>
}
Cuando inserta su componente de saludo dentro de su aplicación o componente principal de esta manera:
function App (){
return <Greeting name="Jack" />
}
¿Qué sucede bajo el capó de que Babel compile el código en algo como esto?
function Greeting(props) {
return React.createElement("h3", null, "Hello ", props.name);
}
y App Component cumplió con algo como esto
function App() {
return React.createElement(Greeting, {
name: "Jack"
});
}
No hay comentarios:
Publicar un comentario