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>

{data?.reference ? data.reference.map(...) : <span>No data</span>} — Nishant
– Nishant, Commented Mar 12, 2021 at 4:49
Does this answer your question? ternary operator in jsx to include html with react — Nishant
– Nishant, Commented Mar 12, 2021 at 4:51

tsuki · Accepted Answer · 2021-03-12 05:19:58Z

0

This should do it:

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

edited Mar 12, 2021 at 5:19

answered Mar 12, 2021 at 5:12

tsuki

3151 gold badge4 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how do I implement a else part in typescript?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related