如果没有数据到来，则 div 不应出现

Question

有时数据可能不是来自后端。我不想在没有数据时显示 div。我该怎么做？

<div className="policydetailinformation__item">
 <h3>{t('policy.policy-details.address')}</h3>
 <p>{props.location.state.policy.information}</p>
</div>

我尝试输入“ngIf”，但出现如下错误：'div' 需要相应的 JSX 结束标记。

Answer 1

设置条件，然后 && 然后 div

{showDiv && <div>
....
</div>
}

Answer 2

{
  const addr =  t('policy.policy-details.address');
  const isData = !!addr
  return addr ? (
    <div className="policydetailinformation__item">
     <h3>{addr}</h3>
     <p>{props.location.state.policy.information}</p>
    </div>
  ) : null
}

Answer 3

做个条件就可以了class

<div className={youdata===null?"hidden":"policydetailinformation__item"}>
 <h3>{t('policy.policy-details.address')}</h3>
 <p>{props.location.state.policy.information}</p>
</div>

给一个隐藏的class一个显示none属性

如果没有数据到来，则 div 不应出现

If no data is coming, the div should not appear

javascript

reactjs

react-native