vscode 中，如何在自动格式化时，如何将标签变成自闭合标签？

Question

vscode 中，如何在自动格式化时，如何将标签变成自闭合标签？

如 <List></List> 变为 <List />
如 <List><Item /></List> 不发生变化，还是 <List><Item /></List>
如 <List><Item></Item></List> 变为 <List><Item /></List>

编辑器：VS Code
语言：React + TS + TSX
插件：Lint + Prettier
编译工具： Webpack（RsPack）

Answer 1

eslint config

{
    ...
    "rules": {
        "react/self-closing-comp": "error"
    }
}

vscode settings

{
    ...
    "eslint.autoFixOnSave": true,
    "eslint.run": "onSave"
}

参考：StackOverflow