如何让Emmet生成一个自定义的JSX属性而不使用引号

Question

16

我正在尝试删除Emmet在自定义属性onClick的props.onInitiateBattle值周围生成的引号。

我的输入（然后按CTRL + E展开，类似于tab）：
button.btn[type="button"][onClick={props.onInitiateBattle}]

Emmet的输出：
<button className="btn" type="button" onClick="{props.onInitiateBattle}"></button>

注意带有引号的props.onInitiateBattle，这是不好的。

我的期望结果（props... WITHOUT quotes）：
<button className="btn" type="button" onClick={props.onInitiateBattle}></button>

将其用双括号括起来也不起作用。

- urubuz

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kasiriveni · Accepted Answer

要使JSX与单引号配合使用，您需要更新或创建syntaxProfiles.json文件，并在其中添加语法配置文件。我相信关键是文件扩展名，值是该扩展名将使用的配置文件名称。

/* ~/emmet/syntaxProfiles.json */

/* 'js' 将使用js配置文件映射带有.js扩展名的文件 */ /* 'jsx' 将使用js配置文件映射带有.jsx扩展名的文件 */

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

/* ~/emmet/profiles.json */

/* 创建或添加“js”配置文件 */

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