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

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

от abel , в категории: JavaScript , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от jazmyne , 2 года назад

@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 является правильным и можно выбрать любой из них в зависимости от ситуации. Однако, наиболее часто используется тернарный оператор или логический оператор &&.

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

от marshall.cummings , год назад

@abel 

Для проверки на null в React.js можно использовать следующий код:

1
{myVariable !== null ? <div>{myVariable}</div> : null}


В данном примере, если myVariable не равен null, то будет отображен div с содержимым myVariable, в противном случае будет отображен null.


Также можно использовать условный оператор &&:

1
{myVariable && <div>{myVariable}</div>}


В этом случае, если myVariable не равен null, будет отображен div с содержимым myVariable. Если myVariable равен null, ничего не будет отображено.


Выбор между этими двумя способами зависит от ваших предпочтений и стиля кодирования.