how do I implement a else part in typescript?

Question

I am trying to implement an else part when there are no references, and display no data is available , but i am currently using reactjs with typescript , how do I implement this check?

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

Does this answer your question? [ternary operator in jsx to include html with react](https://stackoverflow.com/questions/38084658/ternary-operator-in-jsx-to-include-html-with-react) — Nishant, Mar 12 '21 at 04:51
You know [official documentation](https://reactjs.org/docs/conditional-rendering.html) exists, right? — Drew Reese, Mar 12 '21 at 05:22

tsuki · Answer 1 · 2021-03-12T05:19:58.820

0

This should do it:

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

edited Mar 12 '21 at 05:19

answered Mar 12 '21 at 05:12

tsuki

155
1
3
9

how do I implement a else part in typescript?

1 Answers1