Visual studio code vscode显示带有冒号的JSX属性名称中的错误

在我的JSX代码中，属性名的名称中有冒号，但vscode显示错误。即使在格式化我的代码之后，vscode也会在冒号后自动创建一个空格。如何解决这两个问题

---

通过在属性名称中不使用冒号。虽然技术上可行，但属性名称应该是大小写的

如果你不能避开这个问题，你可以创建对象并将其分解到道具上

const A = () => {
    const fooProps = {
        'on:resize': onResize
    }

    return <Foo {...fooProps} />
}

const A=（）=>{
常量fooProps={
“打开：调整大小”：打开调整大小
}
返回
}