自上次 Visual Studio Code 更新以来，我在 IntelliSense 自动完成方面遇到了问题。一般来说，如果我想将函数设置为 prop（这是此问题最常见的用例），那么 VS Code 不只是插入函数名称，而是添加={}括号。那么如何摆脱这个：

const func = () => {}
...
<button
   onClick={func={}}
 />

并得到这样的东西：

const func = () => {}
...
<button
   onClick={func}
 />

澄清一下 - 没有安装新的附加组件。它的发生是为了js/ts在 React 中编写时的文件。

如何解决这个问题

1. 打开 VS 代码。
2. 转到文件 > 首选项 > 设置，然后
3. type: run code在设置搜索栏中
4. Select Edit in settings.json打开settings.json file
5. Add the "javascript.preferences.jsxAttributeCompletionStyle": "none"线路到你的settings.json file

我们为什么这样做：

In the defaultSettings.json文件中有这样的代码片段：

// Preferred style for JSX attribute completions.
//  - auto: Insert `={}` or `=""` after attribute names based on the prop type. 
//  - braces: Insert `={}` after attribute names.
//  - none: Only insert attribute names.
"javascript.preferences.jsxAttributeCompletionStyle": "auto",

因此，默认设置为jsxAttributeCompletionStyle is auto并通过将其设置为"none"在你的settings.json文件，您将覆盖该默认设置。