React. Реакт. Тестовая задача 022. Как и в обычном JavaScript, в JSX можно оставлять комментарии

---

Как и в обычном JavaScript, в JSX можно оставлять комментарии

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

  <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 root = ReactDOM.createRoot(document.getElementById('root'));

root.render(
  <>
    {/* Это комментарий к элементу label */}
    <label htmlFor="title">Какой-то текст: </label>
    {/*
      Этот комментарий многострочный,
      в нём можно написать подсказку для коллег.
    */}
    <input id="title" type="text" />
  </>
); 

Как и в обычном JavaScript, в JSX можно оставлять комментарии.

Комментарии в JSX

Для этого используется такая конструкция: {/ * Это элемент * /}. Фигурные скобки помогают babel понять, что это не обычная строка, которую нужно поместить в DOM, а комментарий.