2017-02-07 58 views
5

Próbuję użyć instrukcji śródliniowej if, aby sprawdzić, czy dane istnieje i czy ma wyświetlić. ten kod znajduje się obecnie w moim renderowaniu, bloku powrotu.Reaguj natywnie renderowanie warunkowe

problem mam jest to, że za pomocą tego, treść nie jest już wygenerowana

{(() => { 
       if (this.props.data.size) { 
       <Text style={styles.headerLabel}>Sizes</Text> 
       {(this.props.data.size||[]).map((section,i) => (
        <AddToCartRow key={i} data={section} productName={this.props.data.name} value={Config.priceToPriceWithCurrency(section.price)} /> 
       ))} 
       } 
      })()} 
+0

Nie zapomniałeś zwrócić komponentu – binchik

+0

Możesz to sprawdzić [post] (http://stackoverflow.com/questions/42053237/is-it-possible-to-dynamically-create-components-in-react- native/42057846 # 42057846). – milkersarac

+0

Cześć, to jest już w zasięgu render i powrócić blok kompletny kod tutaj https://gist.github.com/pmcguane/6462dad133543dc6d91f3645b3ec0bf5 –

Odpowiedz

21

render(){ 
 
    return(
 
    <View> 
 
    {this.state.error && <Text style={{ color: 'red' }}>{this.state.errorMessage}</Text>} 
 
    <Text>Hello World!</Text> 
 
    </View> 
 
); 
 
}

tam udać.

+1

Uruchomiłem kod, ale jest * błąd * – Giraldi

+0

i jaki jest błąd? – Ataomega

+0

Och, przepraszam. Właśnie kliknąłem przycisk "Uruchom fragment kodu" *, a wynik pokazał błąd. Ale myślę, że to nie ma nic wspólnego z twoim kodem. Przepraszam. – Giraldi