Javascript 条件呈现表行

我有一张有很多行的桌子，我正在把道具传递到其中。如果返回的道具是空字符串“”，我不想呈现该行

    <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>

制作人
{props.producer}
国家
{props.country}
区域
{props.region}
次区域
{props.subsection}

以及在何处渲染：

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

render（）{
返回(
//  
{this.state.wines.length(
{this.state.wines.map（wine=>(
))}
) : (
没有要显示的结果
)}

---

因此，在本例中，如果JSON为Subsection返回“”，我不希望显示Subsection:“”的行。提前感谢！

我不太确定您要求的是什么。但我很确定您只需要使用

&

操作符，如：

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

{
道具区域&&
区域
{props.region}
}

{props.subregions！==“”？：null}不清楚您要的是什么。显示完整的DataWine组件代码或呈现方法。？