GOOGLE ADS

sábado, 23 de abril de 2022

¿Cómo entiende JS el parámetro props como objeto en cualquier función (react.js)?

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

Regla de Firestore para acceder a la generación de subcolección Permisos faltantes o insuficientes

Tengo problemas con las reglas de Firestore para permitir el acceso a algunos recursos en una subcolección. Tengo algunos requests document...