2017-02-07 32 views
5

Я пытаюсь использовать оператор inline if, чтобы проверить, существует ли кусочек данных и если он отображает его. этот код в настоящее время находится в моем рендеринге, блоке возврата.реагировать на естественную условную визуализацию

проблема, которую я имею пока что использование этого контента больше не оказывается

{(() => { 
       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

Вы забыли вернуть компонент – binchik

+0

Возможно, вы захотите проверить это [сообщение] (http://stackoverflow.com/questions/42053237/is-it-possible-to-dynamically-create-components-in-react- родной/42057846 # 42057846). – milkersarac

+0

привет, это уже в коде кода рендеринга и возврата полный код здесь https://gist.github.com/pmcguane/6462dad133543dc6d91f3645b3ec0bf5 –

ответ

21

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

Там вы идете.

+1

Я запустил код, но есть * ошибка * – Giraldi

+0

и какая ошибка? – Ataomega

+0

О, извините. Я просто нажал кнопку «Выполнить фрагмент кода» * выше, и результат показал ошибку. Но я думаю, что это не имеет никакого отношения к вашему коду. Сожалею. – Giraldi

 Смежные вопросы

  • Нет связанных вопросов^_^