Me llamó la atención como utilizas el operador AND (&&), ¿cómo funciona exactamente? Tenía entendido que solo era para validar do...

Pregunta de la clase:
CSS en React
Christian Alvarenga

Christian Alvarenga

Pregunta
studenthace 4 años

Me llamó la atención como utilizas el operador AND (&&), ¿cómo funciona exactamente? Tenía entendido que solo era para validar dos o más condicionales.

4 respuestas
para escribir tu comentario
    Juan Castro

    Juan Castro

    teacherhace 4 años

    ¡Exactamente! Dependiendo de cómo usemos el doble ampersand puede significa "y" o también "entonces". Muy buena explicación, Nico. :clap:

    Christian Alvarenga

    Christian Alvarenga

    studenthace 4 años

    Muchas gracias por tu aclaración @elbunuelo.

    Nicolás Arias González

    Nicolás Arias González

    studenthace 4 años

    En Javascript cuando el operador && se usa en valores no booleanos, éste retorna el valor del último operando.

    Teniendo esto en cuenta, puedes utilizar el operador && para hacer render condicional de componentes o de strings como se hace en el curso:

    { unaCondicion && <Componente /> }
    o
    <Componente propiedad={unaCondicion && 'valor'}>
    . En ambos casos, si unaCondicion es un valor "falsy" (no necesariamente false sino también valores similares como '', 0 o null) , no se evalúa el segundo elemento y simplemente retorna
    false
    . Por el contrario, si
    unaCondicion
    es "truthy" entonces evaluará el segundo elemento y lo retornará.

    Christian Alvarenga

    Christian Alvarenga

    studenthace 4 años

    Es decir, ya lo había visto y utilizado en algunos proyectos pero es la primera vez que veo utilizando de esta manera.

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

¡Aprende React.js, la librería más popular de JavaScript para crear aplicaciones web interactivas! Trabaja con componentes, propiedades, estado y efectos. Almacena tu información en Local Storage, implementa React Context para comunicar componentes y teletransporta componentes con React Portals. Crea tu primer proyecto web con React junto a tu profesor JuanDC

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

¡Aprende React.js, la librería más popular de JavaScript para crear aplicaciones web interactivas! Trabaja con componentes, propiedades, estado y efectos. Almacena tu información en Local Storage, implementa React Context para comunicar componentes y teletransporta componentes con React Portals. Crea tu primer proyecto web con React junto a tu profesor JuanDC