React. Реакт. Тестовая задача 017. Операторы && связанные в цепочку. Ещё один пример

---

Операторы && связанные в цепочку. Ещё один пример

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

  <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 isFrost = true;
const isSun = false;

createRoot(document.getElementById('root')).render(
  <>
    {(isFrost && isSun)
      ? <h2>День чудесный</h2>
      : <h2>День обычный</h2>
    }
  </>
); 

Операторы && связанные в цепочку. Ещё один пример.

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

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

В примере: если сегодня мороз и солнце, то день чудесный; если только мороз или только солнце либо ни мороза, ни солнца - день обычный.

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