Как правильно сделать проверку на null в react.js?

Пользователь

от abel , в категории: JavaScript , 7 месяцев назад

Как правильно сделать проверку на null в react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jazmyne , 6 месяцев назад

@abel 

В React.js, есть несколько способов проверки на null:

  1. Использование тернарного оператора:
1
{myVariable ? <div>{myVariable}</div> : null}


  1. Использование логического оператора &&:
1
{myVariable && <div>{myVariable}</div>}


  1. Использование оператора nullish coalescing:
1
{myVariable ?? <div>{myVariable}</div>}


  1. Использование условного оператора:
1
{myVariable !== null && <div>{myVariable}</div>}


Каждый из этих способов проверки на null является правильным и можно выбрать любой из них в зависимости от ситуации. Однако, наиболее часто используется тернарный оператор или логический оператор &&.