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

Posted 2023-02-21

【中文标题】如何在打字稿中实现 else 部分？

【英文标题】：how do I implement a else part in typescript?

【发布时间】：2021-06-10 03:23:34

【问题描述】：

我试图在没有引用的情况下实现一个 else 部分，并显示 no data is available ，但我目前正在使用 reactjs 和 typescript ，我该如何实现这个检查？

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

【问题讨论】：

data?.reference ? data.reference.map(...) : <span>No data</span>

您尝试了什么，发生了什么？你收到错误了吗？

这能回答你的问题吗？ ternary operator in jsx to include html with react

你知道official documentation 存在，对吧？

【参考方案1】：

应该这样做：

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