Props de react chidas y bien explicadas.
3299 단어 reactprogrammingspanishbeginners
예시:
Queremos crear un componente que sea una tarjeta de usuario, el cual se llene con datos de cada usuario.
hacemos algo como esto:
Ahora nuestro componente ocupa los datos [ nombre, sexo, 별명, edad, nacionalidad ]
podríamos establecerlos directamente en nuestro texto, pero eso no seria muy dinamico de nuestra parte
Entonces aquí entran las props, que vendrían siendo parametros con valores dados por el sistema o usuario.
como enviamos las propiedades a nuestros componentes?
Para enviar un valor por props los enviamos desde donde estamos llamando al componente, siguiendo la siguiente estructura:
<NombreComponente
nombre_propiedad = 'valor_de_la_propiedad'
.
.
.
/>
podemos poner cuantas propiedades sean necesarias para nuestro componente.
Ya enviamos nuestras propiedades bien dinamicas a nuestro objeto, pero ahora...
Como obtenemos las propiedades en nuestro objeto?
Estos llegan a los parametros de nuestro componente y la forma común de obtenerlos es con un objeto que se llame props y de ahí llamar cada propiedad según la necesitemos.
(El nombre de las propiedades debe ser el mismo que le colocamos cuando las enviamos)
(El nombre props es un nombre estándar, pero si podemos colocarle el nombre que nosotros gustemos.)
Trucos con las 소품
Como las estamos pasado por parametros, podemos utilizar la funcionalidad de Desestructuracion y así evitamos la palabra props y colocamos únicamente el nombre del elemento que estamos pasando, haciendo mas entendible nuestro código.
En cualquier caso, si lo desestructuras o no, el resultado siempre seguirá siendo el mismo.
(El nombre de las propiedades al ser desestructuradas debe ser el mismo que le colocamos cuando las enviamos)
Reference
이 문제에 관하여(Props de react chidas y bien explicadas.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/samuelnarciso28/props-de-react-chidas-y-bien-explicadas-j3k텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)