Me gustaría agregar un operador ternario a este código.
{suggestedTags.length > 0 && ( <div className={classes.tagSuggestionWrapper}> {suggestedTags.map((tag) => { return (<div key={tag} className={classes.tagSuggestion} onClick={() => { selectTag(tag) }}>{tag}</div> ); })} </div> )}Explicaré por qué: no necesito marcar > 0 manualmente porque cualquier longitud superior a 0 será verdadera
El siguiente código usa ternario:
${suggestedTags.length > 0 ? ( <div className={classes.tagSuggestionWrapper}> {suggestedTags.map((tag) => { return (<div key={tag} className={classes.tagSuggestion} onClick={() => { selectTag(tag) }}>{tag}</div> ); })} </div> ) : ''}qué pasa:
Boolean(suggestedTags.length) && (<yourElement/>)No veo la necesidad de un ternario a menos que tengas que renderizar algo si la longitud termina siendo 0.