React. Реакт. Тестовая задача 016. Операторы && связанные в цепочку

---

Операторы && связанные в цепочку

Разберёмся, что здесь происходит:

  <script src="/js/react/react.development.js"></script>
  <script src="/js/react/react-dom.development.js"></script>
  <script src="/js/react/babel.min.js"></script>
  ...
  <script type="text/babel">
    const { useState, createElement } = React;
    const { createRoot } = ReactDOM;

const isThursday = true;
const wasRaining = true;

createRoot(document.getElementById('root')).render(
  <>
    {isThursday && wasRaining && <h2>Пора вернуть долг!</h2>}
  </>
); 

Операторы && связанные в цепочку

Возможно использование составных условий.

Составные условия используются, когда результат зависит от нескольких факторов.

В примере: если сегодня четверг и шёл дождь, то возвращаем долг, в противном случае - ничего.

Оператор && - это выбор для простых условий "показать/скрыть", а тернарный оператор ?: стоит использовать, когда нужно явное ветвление. При этом null уместен, если элемент должен полностью отсутствовать в DOM при невыполнении условия. Но если по логике всегда нужно что-то отображать, то возврат null - это антипаттерн. Лучше предусмотреть пустое состояние.