如何防止在 JSX 代码中插入空格

How to prevent insert spaces in JSX code

我刚开始学习 React Native。我正在使用 Visual Studio 代码进行编辑。 每当我保存我的文件时,它都会在我的 JSX 代码中插入空格。这降低了代码的可读性。 这是我保存文件前的代码

保存文件前:

这是保存后的文件:

我试过编辑 VS Code 设置

"javascript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": false,
"javascript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": false

但这并没有帮助。

这个问题有什么解决办法吗?

我通过手动将文件语言更改为 javascriptreact 而不是 javascript 来解决此问题。

截图:

或者您也可以重命名文件,将其扩展名从 .js 更改为 .jsx,这样 VSCode 就会知道该文件是 React。

我遇到了这个问题,我通过禁用 js-css-html 格式化程序 扩展并关闭 vs 代码并重新启动来解决