Meilleur moyen de vérifier les conditions false & true dans React Js

Question

Quelle est la meilleure façon de vérifier la condition fausse et vraie dans ce cas, j'ai un état défini comme faux initialement.

status: false,

Le statut passe à true si un certain props est présent (data-widget) dois-je ajouter le ="true" à l'attribut ?

<div id="app" data-widget></div>
// Is it the same thing or i don't need to add the ="true" to the attribut
<div id="app" data-widget="true"></div>

Voici comment je vérifie une condition, je ne sais pas laquelle je dois utiliser :

//Option 1
newData.status = this.props.widget ? true : false
//Option 2
newData.status = (typeof this.props.widget !== "undefined") ? true : false

Existe-t-il un moyen meilleur/correct de gérer les conditions faux et vrai ?

Answer 1

Elles sont toutes deux identiques, mais l'option 2 vérifie simplement si la valeur existe et est mieux adaptée à la gestion des erreurs. Je pense donc qu'il est préférable d'utiliser la deuxième option. Et certains attributs ont une valeur par défaut, je pense que "data-widget" a la valeur par défaut true.

Answer 2

Existe-t-il un moyen meilleur/correct de gérer les conditions faux et vrai ?

Il n'y a pas de " le meilleur" De cette façon, tout dépend des conditions. Même si elles se ressemblent en apparence, elles diffèrent fortement. La première option permettra d'évaluer true si props.widget es véridique - (il s'agit soit d'un tableau , objet , vrai, nombre (différent que 0 ) ou une chaîne non vide.

Cependant, le second évaluera à true si props.widget es pas égal a indéfini . Il évaluera à false UNIQUEMENT si props.widget es undefined .

Quoi qu'il en soit, si c'est acceptable pour vos conditions, j'opterais pour une simple vérification de l'état de l'appareil. véracité de props.widget :

newData.status = Boolean(this.props.widget); // will evaluate to true or false
                                             // with no need to use ternary