Как получить Emmet для создания настраиваемого атрибута JSX без кавычек

Я пытаюсь удалить кавычки, созданные Emmet, вокруг значения props.onInitiateBattle для настраиваемого атрибута onClick.

Мой ввод (тогда CTRL + E для расширения, аналогично вкладке):
button.btn[type="button"][onClick={props.onInitiateBattle}]

Выход Emmet:
<button className="btn" type="button" onClick="{props.onInitiateBattle}"></button>

Обратите внимание на props.onInitiateBattle С кавычками, что не очень хорошо.

Что я ожидаю (реквизит... БЕЗ котировок):
<button className="btn" type="button" onClick={props.onInitiateBattle}></button>

Обтекание двойными скобками также не работает.

Ответ 1

Чтобы получить одинарные кавычки, работающие с JSX, вам нужно будет обновить или создать syntaxProfiles.json в ~/emmet с помощью синтаксического профиля. Я считаю, что ключ - это расширение файла, а значение - имя профиля, который будет использовать расширение.

/* ~/emmet/syntaxProfiles.json */

/* 'js' будет отображать файлы с расширением .js для использования профиля js */ /* 'jsx' будет отображать файлы с расширением .jsx, чтобы также использовать профиль js */

{
  "js": "js",
  "jsx": "js"
}

/* ~/emmet/profiles.json */

/* создать или добавить профиль 'js' */

{
  "html": {
    "attr_quotes": "double"
  },
  "js": {
    "attr_quotes": "single",
    "self_closing_tag": true
  }
}

дополнительная информация