React. Реакт. Тестовая задача 014. Условная логика. Бывает, что в таких конструкциях возвращается null

---

Условная логика. Бывает, что в таких конструкциях возвращается null

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

  <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 userName = null;
//const userName = 'Василий';

createRoot(document.getElementById('root')).render(
  <>
    {userName
      ? <h2>Добро пожаловать, {userName}!</h2>
      : null
    }
  </>
); 

Условная логика. Бывает, что в таких конструкциях возвращается null

Если такой код обёрнут во фрагмент, userName не определён, то в этом случае в DOM ничего не попадёт.