Реагирование строк таблицы условного рендеринга - PullRequest
Новая
       13

Реагирование строк таблицы условного рендеринга

0 голосов
/ 06 марта 2019

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

    <Table.Body>

      <Table.Row>
        <Table.Cell>Producer</Table.Cell>
        <Table.Cell>{props.producer}</Table.Cell>
      </Table.Row>

      <Table.Row>
        <Table.Cell>Country</Table.Cell>
        <Table.Cell>{props.country}</Table.Cell>
      </Table.Row>

      <Table.Row>
        <Table.Cell>Region</Table.Cell>
        <Table.Cell>{props.region}</Table.Cell>
      </Table.Row>

      <Table.Row>    
        <Table.Cell>Subregion</Table.Cell>
        <Table.Cell>{props.subregion}</Table.Cell>
      </Table.Row>

    </Table.Body>

и где оно отображается: 

render() {
return (
//  <Container>
 <Grid>

    {this.state.wines.length ? (
          <List>
            {this.state.wines.map(wine => (
              <Grid>
               <DataWine header={wine.Wine} producer={wine.Producer} country={wine.Country} region={wine.Region} subregion={wine.Subregion}/>

              </Grid>
            ))}

          </List>
        ) : (
          <h3>No Results to Display</h3>
        )}

Так что в этом примере, если JSON возвращает "" для Субрегиона, я не хочу, чтобы строка, которая говорит Субрегион: "", отображалась. Заранее спасибо!

1 Ответ

2 голосов
/ 06 марта 2019

Я не совсем уверен, что вы просите.Но я уверен, что вам просто нужно использовать оператор &&, например: 

{
  props.region &&
  <Table.Row>
    <Table.Cell>Region</Table.Cell>
    <Table.Cell>{props.region}</Table.Cell>
  </Table.Row>
}
...