porque ese url lleva esas llaves {}, en que influye
import "../assets/css/componentes/card.css"
const ListPosts = ({ url }) => {
return (
<section className="posts container">
</section>
)
}
export default ListPosts
porque ese url lleva esas llaves {}, en que influye
import "../assets/css/componentes/card.css"
const ListPosts = ({ url }) => {
return (
<section className="posts container">
</section>
)
}
export default ListPosts
Hola Nicolas,
En tu pregunta, te refieres a la línea const ListPosts = ({ url }) => {. Aquí, las llaves {} se utilizan para la desestructuración de objetos en JavaScript.
En este caso, ListPosts es un componente funcional de React que recibe un objeto de propiedades (props). Normalmente, podrías acceder a estas propiedades con un código como este:
const ListPosts = (props) => {
const url = props.url;
// resto del código
}
Pero con la desestructuración de objetos, puedes extraer directamente la propiedad url del objeto props en la definición de la función, lo que hace que el código sea más limpio y fácil de leer:
const ListPosts = ({ url }) => {
// resto del código
}
Puedes leer más sobre la desestructuración aqui https://es.javascript.info/destructuring-assignment
¡Saludos!