为什么我的 JSX HTML 标签在我的编辑器中被分成多行？

【问题标题】：Why are my JSX HTML tags being broken across multiple lines in my editor?为什么我的 JSX HTML 标签在我的编辑器中被分成多行？
【发布时间】：2021-01-31 03:31:39
【问题描述】：

[已解决]

我的代码来自：

保存后到此：

查看 return 语句中的代码...保存后会发生这种情况...简直无法阅读...是什么原因造成的，我该如何解决？

【问题讨论】：

标签： reactjs react-native visual-studio-code jsx

【解决方案1】：

您在 .js 文件中，因此 VSC 使用的自动格式化程序用于 JavaScript，而不是 JSX - 它在 <s 上令人窒息，因为在 JS 中，这些是 运算符，而不是JSX 标记分隔符。

将文件名从 App.js 更改为 App.jsx 以使格式化程序正常工作。

【讨论】：

【解决方案2】：

是的，有一个 JS-CSS-HTML Formatter 扩展启用，导致了这一切。禁用它解决了这个问题。谢谢布赖恩·汤普森。

【讨论】：