tengo un problema con el operador de comparación, en mi foro quiero mostrar un elemento si el número de publicaciones es <= 10, <=50 y así sucesivamente... pero si se muestra <=50 quiero ocultar <= 10
Mi código:
if (userPosts <= 10){ vnode.children.push( <span className="auto-badge"><i class="fas fa-baby autopost"/> less than 10 posts</span> ); } if (userPosts <= 50){ vnode.children.push( <span className="auto-badge"><i class="fas fa-child autopost"/> less than 50 posts</span> ); } if (userPosts <= 100){ vnode.children.push( <span className="auto-badge"><i class="fas fa-bullhorn autopost"/> less than 100 posts</span> ); }el problema es que si un usuario tiene 200 publicaciones, veo todos estos 3 elementos mostrados, y quiero mostrar solo <=100 en su lugar.
puede hacer una condición doble en su declaración if :
if (userPosts <= 10){ vnode.children.push( <span className="auto-badge"><i class="fas fa-baby autopost"/> less than 10 posts</span> ); } if (userPosts <= 50 && userPosts > 10){ vnode.children.push( <span className="auto-badge"><i class="fas fa-child autopost"/> less than 50 posts</span> ); } if (userPosts <= 100 && userPosts > 50){ vnode.children.push( <span className="auto-badge"><i class="fas fa-bullhorn autopost"/> less than 100 posts</span> ); } EDITAR o usar else if declaración:
if (userPosts <= 10){ vnode.children.push( <span className="auto-badge"><i class="fas fa-baby autopost"/> less than 10 posts</span> ); } else if (userPosts <= 50){ vnode.children.push( <span className="auto-badge"><i class="fas fa-child autopost"/> less than 50 posts</span> ); } else if (userPosts <= 100){ vnode.children.push( <span className="auto-badge"><i class="fas fa-bullhorn autopost"/> less than 100 posts</span> ); }Puede usar un bloque else-if como:
if (userPosts <= 10){ vnode.children.push( <span className="auto-badge"><i class="fas fa-baby autopost"/> less than 10 posts</span> ); } else if (userPosts <= 50){ vnode.children.push( <span className="auto-badge"><i class="fas fa-child autopost"/> less than 50 posts</span> ); } else if (userPosts <= 100){ vnode.children.push( <span className="auto-badge"><i class="fas fa-bullhorn autopost"/> less than 100 posts</span> ); }