Сокращение React Fragments <> нарушает подсветку синтаксиса VSCode

Question

Этот код не выдает никаких ошибок или предупреждений, но подсветка синтаксиса отключена. Я пробовал разные темы, но у всех есть эта проблема. Есть идеи?

введите описание изображения здесь

Answer 1

Я не сталкивался с этим раньше, но я бы попробовал несколько вещей:

1. Обновить VSCode (нижняя левая кнопка настроек)
2. Попробуйте проверить, установлен ли Javascript в качестве языка IDE (нижняя правая панель инструментов):

введите описание изображения здесь

3. Звучит глупо, но для меня все в порядке с темой Dark+ (default dark) от VSCode, так что, может быть, попробуйте эту

Answer 2

Да, у atom.io (который разделяет часть соответствующего кода с VSCode) похожая проблема. Я обнаружил, что вы можете легко обойти это, используя React.Fragment вместо сокращения (<> на самом деле является сокращением для <React.Fragment>). Для удобства объявляю:

const F = React.Fragment;

, а затем использую:

<F>
  <h1>Example title</h1>
  <p>Example body</p>
</F>