2017-06-05 1 views
0

Im essayer un exemple. Voici mon codecomment vérifier une variable dans la réaction native est nulle?

classe par défaut d'exportation étend newApp Component {

render() { 
    var data = this.getWeatherFromApiAsync() 

    return (
     if(data != null) 
     { 
     <View> 
     <Text>got data</Text> 
     </View> 
     }else 
     { 
     <View> 
     <Text>no data</Text> 
     </View> 
     } 


    ); 
    } 

    getWeatherFromApiAsync() { 
     return fetch('http://api.openweathermap.org/data/2.5/forecast/daily?q=94043&mode=json&units=metric&cnt=14&APPID=18dcba27e5bca83fe4ec6b8fbeed7827') 
     .then((response) => response.json()) 
     .then((responseJson) => { 
      this.setState({isLoading: false, jsonData: responseJson}); 
      console.log(responseJson); 
      return responseJson; 
     }) 
     .catch((error) => { 
      console.error(error); 
     }); 
    } 
} 

cela donne des erreurs suivantes

E: /REACT_NATIVE_PROJECTS/newApp/index.android.js: jeton inattendu (25: 6) à E: \ REACT_NATIVE_PROJECTS \ newApp \ index.android.js: 25: 6 processBundleResult DevServerHelper.java:381 accès 400 DevServerHelper.java:65 $ exécutons devs erverHelper.java:333 emitChunk MultipartStreamReader.java:69 readAllParts MultipartStreamReader.java:116 onResponse DevServerHelper.java:321 exécuter RealCall.java:126 run NamedRunnable.java:32 runWorker ThreadPoolExecutor. java: 1113 run ThreadPoolExecutor.java:588 run Thread.java:818

que dois-je faire de mal. est-ce qu'il compare une partie?

Répondre

1

C'est la façon dont nous utilisons le rendu conditionnel dans React natif:

{1 + 2 == 3 & & je me présente que lorsque la main gauche est true}

corriger la syntaxe.

https://atticuswhite.com/blog/render-if-conditionally-render-react-components/

+0

si j'ai variable 'données' où sould contiennent un jsonString. comment puis-je vérifier si 'data' a une valeur ou s'il est vide? –

+0

en haut de votre fonction de rendu, vous pouvez le faire render() { const checkdata = données? Data: null; } –

+0

merci. Cela a vraiment aidé –