Нужна помощь для подсветки синтаксиса после пустых тегов <> в файлах JSX

Question

Я пробовал расширение Javascript React для выделения синтаксиса JSX. Подсветка, похоже, не работает после <>{text}</>, и файл выглядит как на скриншоте ниже.

Подсветка синтаксиса, кажется, не влияет на часть, которая выглядит полностью синей.

<></>">

Answer 1

Это происходит потому, что линтер обнаружил что-то не так с кодом. Вы НЕ МОЖЕТЕ использовать React.Fragments (AKA <> </>), как если бы вы использовали div. Он может использоваться только в качестве внешней оболочки. Вот так:

ХОРОШО:

const Component = () => {
  return (
    <>
      // Rest of JSX
    </>

  )
}

НЕПРАВИЛЬНО:

const Component = () => {
  return (
    <div>
      <>Hola</>
    </div>

  )
}