Wie Emmet ein benutzerdefiniertes JSX-Attribut ohne Anführungszeichen generieren kann

Question

Ich versuche, die von Emmet generierten Angebote um den Wert props.onInitiateBattle für das benutzerdefinierte Attribut onClick zu entfernen.

Mein Eingang (dann STRG + E, ähnlich wie Tab zu erweitern):
button.btn[type="button"][onClick={props.onInitiateBattle}]

Emmet Ausgang:
<button className="btn" type="button" onClick="{props.onInitiateBattle}"></button>

Hinweis props.onInitiateBattle mit Zitaten, die nicht gut ist .

Was ich (Requisiten ... ohne Anführungszeichen) erwarten:
<button className="btn" type="button" onClick={props.onInitiateBattle}></button>

es um doppelte eckige Klammern Verpackung funktioniert auch nicht.

Answer 1

Um Apostrophe arbeiten mit JSX erhalten Sie die syntaxProfiles.json in ~/Emmet mit der Syntax Profil aktualisieren oder erstellen müssen. Ich glaube, dass der Schlüssel die Dateierweiterung ist und der Wert der Name des Profils ist, das die Erweiterung verwenden wird.

/* ~/Emmet/syntaxProfiles.json */

/* 'js' werden die Dateien mit Js Erweiterung Karte die js Profil */ /* 'jsx' Dateien abbildet zu verwenden, um mit .jsx Erweiterung auch das js Profil verwenden */

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

/* ~/Emmet/profiles.json */

/* erstellen oder fügen Sie das 'js' Profil */

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

more information