Come ottenere Emmet per generare un attributo JSX personalizzato senza virgolette

Question

Sto tentando di rimuovere le virgolette generate da Emmet attorno al valore props.onInitiateBattle per l'attributo personalizzato onClick.

mio ingresso (quindi CTRL + E per espandere, simile a scheda):
button.btn[type="button"][onClick={props.onInitiateBattle}]

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

Avviso props.onInitiateBattle con le citazioni, che non è buono .

Cosa mi aspetto (oggetti di scena ... senza le virgolette):
<button className="btn" type="button" onClick={props.onInitiateBattle}></button>

avvolgendolo attorno tra doppie parentesi quadre non funziona neanche.

Answer 1

per ottenere le quotazioni singoli che lavorano con JSX che sarà necessario aggiornare o creare il syntaxProfiles.json in ~/Emmet con il profilo di sintassi. Credo che la chiave sia l'estensione del file e il valore è il nome del profilo che l'estensione userà.

/* ~/Emmet/syntaxProfiles.json */

/* 'js' mapperà i file con estensione .js per utilizzare il profilo js */ /* 'JSX' mapperà i file con estensione .jsx utilizzare anche il profilo js */

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

/* ~/Emmet/profiles.json */

/* creare o aggiungere il profilo 'js' */

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

more information