Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso de Svelte

Curso de Svelte

Oscar Barajas Tavares

Oscar Barajas Tavares

Header Likes

23/26
Recursos

Aportes 8

Preguntas 5

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

like ? likeCount.update(n => n + 1) : likeCount.update(n => n - 1);

Quisiera compartir esta forma de comparación con el operador ternarios es básicamente igual pero entiendo que es más simple.

{$likeCount ? $likeCount : ''}

  • Primero verifico si la variable tiene valor simplemente escribiendo el nombre de la variable $likeCount (Si el valor es 0 === false) Para conocer más acceder a Falsy MDN
  • Lo siguiente es el operador ? (Si lo que estaba delante de mi se cumplió ose $likeCount tiene valor entonces muestra la variable $likeCount)
  • De lo contrario : ‘’ (Comillas vacías para no mostrar nada)

Eso es siempre y cuando no quiere realizar alguna comparación en específico como por ejemplo mostrarlo solamente cuando sean mayor a 5.

function handleLike() {
      like = !like;
      if(like){
        likeCount.update( n => n ++);
      }else{
        likeCount.update( n => n --);
      }
    }

Por qué no funcionó el ++ y el – ?

También puedes acceder a la variable del store con el prefijo $, veamos un ejemplo:

if (isLike) {
	$likeCount++;
} else {
	$likeCount--;
}

No sé que pasó🤔

Demonios! Antes de ver el “dbclick” pensé que iba a hacer una lógica de contador con el evento click. Buen Dato!

Muy buena clase. Ya se soluciono la duda que tenia con clases en Svelte, ahora me gustaria ver como se implementaria Redux