reactjs - 如何在打字稿中实现 else 部分？

Question

我正在尝试在没有引用和显示时实现 else 部分no data is available，但我目前正在使用带有 typescript 的 reactjs，如何实现此检查？

<div className="overview-text">
<div className="overview-text-header">References</div>
{data.reference.map((reference) => (
    <div className="overview-text-item" key={reference}>{urlParser(reference)}</div> // if there is no data then no data available
))}
</div>

标签： reactjstypescript

Answer 1

这应该这样做：

<div>
  { 
    data.reference && data.reference.length ?
     (if part)
     : (else part)
  }
</div>