React. Реакт. Тестовая задача 015. Оператор && (логическое И) - это аналог if





Оператор && (логическое И) - это аналог if

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

  <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 isLunchTime = true;
//const isLunchTime = false;

createRoot(document.getElementById('root')).render(
  <>
    {isLunchTime && <h2>Время обеда!</h2>}
  </>
); 

Оператор && (логическое И) - это аналог if

Он используется, если нужно отобразить часть JSX-разметки только при определённом условии, а в противном случае вообще ничего не отображать.