No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

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?

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 鈥渄bclick鈥 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