How to add else block in Inline If with Logical && Operator in react?

Question

I have a react code as shown below which uses inline if with logic && operator in react:

{ schedules && <ListItem items={schedules}/> } // Line A

{ schedules==null && <h2>Hello World</h2>} // Line B

Line A prints list of schedules and Line B prints Hello World on the webpage if there are no schedules.

I am wondering how I can merge Line A and Line B.

CertainPerformance · Accepted Answer · 2021-03-16 03:48:20Z

2

The conditional operator would work:

{ schedules ? <ListItem items={schedules}/> : <h2>Hello World</h2> }

answered Mar 16, 2021 at 3:48

373k55 gold badges354 silver badges359 bronze badges

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

1 Answer 1