EmmetにカスタムJSX属性を引用符なしで生成させる方法

私は、カスタム属性onClickの値props.onInitiateBattleの値をEmmetが生成した引用符を削除しようとしています。（、タブに似て展開し、次にCTRL + E）EmmetにカスタムJSX属性を引用符なしで生成させる方法

マイ入力：
button.btn[type="button"][onClick={props.onInitiateBattle}]

エメット出力：良いではありません
<button className="btn" type="button" onClick="{props.onInitiateBattle}"></button>

お知らせ引用符でprops.onInitiateBattle、。私は（引用符なし小道具...）何を期待

：二重括弧のまわりでそれをラップ
<button className="btn" type="button" onClick={props.onInitiateBattle}></button>

はどちらか動作しません。

出典

2016-03-21 urubuz

単一引用符がJSXで作業を取得するには、構文プロファイルに〜/エメットにsyntaxProfiles.jsonを更新または作成する必要があります。私は、キーがファイル拡張子であり、値が拡張子が使用するプロファイルの名前であると信じています。

/*〜/エメット/ syntaxProfiles.json */

/* 'jsの' でファイルをマップしますJSプロファイル*/ /* 'JSX' を使用するの.js拡張子を持つファイルをマップしますまた、*/

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

/*〜/エメット/ profiles.json */

/* 'のJSのプロファイルを作成したり、追加*/

プロファイルJSを使用する.jsxの拡張

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

2017-06-15 10:50:27 Kasiriveni

答えて