How to check object in React for null or empty or undefined?

Question

I have the following sequence of code in React:

{financialPerformance && (
  financialPerformance.isConfirmed ? (
    <L.Text txtGray>Confirmed</L.Text>
  ) : (
    <L.Text txtGray>Not Confirmed</L.Text>
  )
)}

I have to check financialPerformance itself as well for null or empty or undefined and display "Non Confirmed" message. I mean on first appearance of financialPerformance object.

{financialPerformance && (

How can I do that inside or out of block above?

Answer 1

Due to null and undefined will be evaluated to false in boolean context - you can just combine your checks at one place:

{
  financialPerformance && financialPerformance.isConfirmed ? (
    <L.Text txtGray>Confirmed</L.Text>
  ) : (
    <L.Text txtGray>Not Confirmed</L.Text>
  )
}