Блог

Анализируя код веб-приложения с открытым исходным кодом, построенного с помощью Gatsby, я столкнулся с этим блоком кода:

 const three = <h3 className="big-heading">subtitle</h3>;
  const four = (
    <>
      <p>
        some text
      </p>
    </>
  );
 

Есть какая-то особая причина для того, чтобы эти пустые теги были рядом <p> с тегом? На мой взгляд, это вызвано автоматической генерацией кода, так как его удаление, похоже, ничего не меняет.

Этот синтаксис не имеет значения в HTML, но у вас там нет HTML. Это и есть JSX.

Это краткий синтаксис для фрагментов, который позволяет объединять несколько элементов вместе.

Он содержит один элемент (абзац), поэтому в данном конкретном случае это бессмысленно.