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

Question

[解决了]
我的代码来自:

保存后到此:

查看 return 语句中的代码......它在保存后发生......它是如此难以理解......是什么导致了它，我该如何解决这个问题？

Answer 1

您在 .js文件，因此 VSC 使用的自动格式化程序用于 JavaScript，而不是 JSX - 它在 < 上令人窒息s 因为在 JS 中，那些是操作符，而不是 JSX 标记分隔符。
将文件名从 App.js 更改为至 App.jsx使格式化程序正常工作。