Фрагменты внутри тегов JSX в VSCode

Question

Как включить завершение фрагмента в тегах JSX для добавления атрибутов тега:

<View style={styles.styleName}>

Я пытаюсь заставить этот фрагмент работать, но кажется, что он работает только вне тегов:

  "style": {
    "scope": "javascript,typescript,jsx,html", 
    "prefix": "rs",
    "body": ["style={ styles.${1} }"],
    "description": "RN style"
  },

Answer 1

VSCode добавлен в "javascriptreact" для файлов jsx. (не нужно ничего устанавливать с рынка)

например, если вы хотите написать ярлык извлечения

{
"fetch": {
        "scope": "javascriptreact,javascript",
        "prefix": "fetch",
        "body": [
            "fetch('$1', {",
            "\tmethod: '$2',",
            "\tcredentials: 'same-origin',",
            "\theaders: new Headers({",
            "\t\t'X-CSRF-Token': this.state.form_token,"
            "\t\t'Content-Type': 'application/json',",
            "\t\t'Accept': 'application/json'",
            "\t}),",
            "\tbody: JSON.stringify(body)",
            "\t}).then(res => res.json()).then(",
            "\t(result) => {$3},",
            "\t(error) => {$4}",
            ");"
        ]
    }
}

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

Решение исходного вопроса. Фрагменты работают в теге jsx

Answer 2

(не проверено) Если вы не против использования сочетаний клавиш для вставки фрагментов - назначение клавиш может работать.