Je suis nouveau dans le réact. Ici, j'ai un objet qui a des valeurs pré-définies. Comme J'essaie de renvoyer une icône différente donnée un statut: p> existe une autre façon de le faire en utilisant Lodash code>? p> p>
4 Réponses :
Nous pouvons utiliser des destructurations de l'objet pour obtenir si si les valeurs sont garanties, vous pouvez utiliser une instruction code> commutateur p. > Acheter code>,
Fermer code> et
pré code> Tout dans une instruction. Avec votre code actuel, cela est probablement aussi propre que possible:
const getIcons = status =>
{
switch (status)
{
case 'BYE': return 'green'
case 'CLOSE': return 'yellow'
case 'PRE': return 'red'
}
}
Peut-être que vous pourriez utiliser l'opérateur ternaire si vous ne voulez pas utiliser le commutateur et si / sinon, comme:
return givenStatus === "close" ? "yello" : givenStatus === "buy" ? "grenn" : "red";
Vous pouvez utiliser ceci si vous souhaitez éviter code> commutateur code> et p> si..else code>
var statusVal = {
"pre": "PRE",
"buy": "BYE",
}
var pre =
(Object.values(statusVal).filter(i=>i === "PRE")).length ? 'yellow' : null;
var buy = (Object.values(statusVal).filter(i=>i === "BYE")).length ? 'grenn' : null;
var close = (Object.values(statusVal).filter(i=>i === "CLOSE")).length ? 'red' : null;
console.log(pre);
console.log(buy);
console.log(close);
Veuillez essayer ce code, comment retourner la valeur sans utiliser le commutateur et si Sinon dans JavaScript J'espère que ce code sera utile. p> Merci vous. p> p>
Vous pouvez facilement simplifier ce code en jetant toutes les valeurs dans un objet, comme const lookup = {'alpha': 'adams', ...} code>, puis retourner
lookup [Val ] || '' code>. Rend cela fondamentalement un one-liner.