如何让Emmet生成一个没有引号的自定义JSX属性

Question

我尝试删除Emmet围绕自定义属性props.onInitiateBattle的{​​{1}}值生成的引号。

我的输入（然后按CTRL + E展开，类似于制表符）：
onClick

Emmet的输出：
button.btn[type="button"][onClick={props.onInitiateBattle}]

请注意<button className="btn" type="button" onClick="{props.onInitiateBattle}"></button>带引号，这不是好事。

我的期望（道具......没有引号）：
props.onInitiateBattle

将它括在双括号周围也不起作用。

Answer 1

要使用JSX获取单引号，您需要使用语法配置文件在〜/ emmet 中更新或创建 syntaxProfiles.json 。我相信密钥是文件扩展名，值是扩展程序将使用的配置文件的名称。

/ *〜/ emmet / syntaxProfiles.json * /

/ *'js'将映射扩展名为.js的文件以使用js配置文件* / / *'jsx'将映射扩展名为.jsx的文件，也使用js profile * /

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

/ *〜/ emmet / profiles.json * /

/ *创建或添加'js'个人资料* /

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

more information