Wie überprüft man eine Variable in der Reaktion native ist null?

Question

ich probiere ein Beispiel aus. Hier ist mein Code

Exportstandardklasse newapp Komponente erweitert {

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); 
     }); 
    } 
} 

ergibt dies folgende Fehler

E: /REACT_NATIVE_PROJECTS/newApp/index.android.js: unerwartetes Token (25: 6) auf E: \ REACT_NATIVE_PROJECTS \ newapp \ index.android.js: 25: 6 processBundleResult DevServerHelper.java:381 $ 400 Zugang DevServerHelper.java:65 ausführen Devs erverHelper.java:333 emitChunk MultipartStreamReader.java:69 readAllParts MultipartStreamReader.java:116 onResponse DevServerHelper.java:321 RealCall.java:126 Lauf NamedRunnable.java:32 runWorker ThreadPoolExecutor auszuführen. java: 1113 laufen ThreadPoolExecutor.java:588 Lauf Thread.java:818

was falsch gemacht ich tun. ist es Teil zu vergleichen? Diese

Answer 1

ist, wie wir bedingten Rendering verwenden in reagieren nativer:

{1 + 2 == 3 & & ich nur angezeigt, wenn die linke Hand ist wahr}

korrigieren Sie Ihre Syntax.

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