vscode writes jsx, you can extend div. to < div className= "" > < / div > via tab. However, there are two problems.

1. is configured in eslint with single quotation marks
2. in the case of using react-css-module, I need to extend directly to styleName, instead of className

the first problem has been resolved through vscode configuration, as follows:

// User settings
"emmet.syntaxProfiles": {
    "html": {
        "attr_quotes": "single"
    },
    "jsx": {
        "attr_quotes": "single",
        "self_closing_tag": true
    }
}

https://docs.emmet.io/customi.

the second question, although it can be extended through div [styleName], is still troublesome.

do you have a good solution (configuration item? ). Looking at the documentation related to emmet and vscode, none of them seems to mention this issue. It"s not appropriate to send an issue, so I"m here to ask for your help.