Comment vérifier si une propriété est présente dans ReactNative?

Question

Dans ReactNative, j'ai une propriété transmise ou non à un objet de classe. Existe-t-il un moyen similaire à Java de vérifier si la propriété est nulle ou non?

Dans mon cas, j'ai this.props.overrideAccessibilityLabel qui pourrait être transmis ou non. Je veux seulement l'utiliser quand il est transmis:

render() { 
    return (
     <View 
     accessibilityLabel={this.props.currMessage.text} 
     if {...props.myAccessibilityLabel} { 
      ...accessibilityLabel={...props.myAccessibilityLabel} 
     } 
     > 
     <Text1 
      // ... 
     > 
     </Text1> 
     </View> 
    ); 
    } 

Answer 1

En ReactNative, lorsqu'une propriété est pas présent, il est évalué à false. (Une chaîne vide est également évaluée à false.) L'utilisation de "if" pour vérifier si une propriété est présente est la bonne façon de procéder.

function myFunc(x) { 
    if (x) { 
     return true; 
    } else { 
     return false; 
    } 
} 
var a1 = {} 
a1.a = "abc" 
a1.b = "" 
var ra=myFunc(a1.a) 
var rb=myFunc(a1.b) 
var rc=myFunc(a1.b) 
console.log("ra=" + ra + "; rb=" + rb + "; rc=" + rc) 

---

La sortie est:

ra=true; rb=false; rc=false 

Ainsi, une propriété est traitée différemment d'un var. La vérification d'une propriété vide aboutit à false, ce qui signifie qu'une référence à un var indéfini provoque une exception.

Answer 2

Mais alors une instruction "if" d'un seul interlocuteur fonctionne le mieux dans ce cas.

 <View 
     accessibilityLabel={this.props.currMessage.text ? 
this.props.currMessage.text : this. props.myAccessibilityLabel} 
     > 
     <Text1 
      // ... 
     > 
     </Text1> 
     </View>