function App() {
return (
<>
<
Navbar / >
<
Users / >
</>
);
}
点击 ctrl+Save 此更改为
function App() {
return ( <
>
<
Navbar / >
<
Users / >
<
/>
);
}
当我将鼠标悬停在片段上时，它会显示“JSX 片段没有相应的结束标记”。
我再次尝试安装更漂亮，没有帮助
您必须安装Prettier plugin并禁用beautify插件或您在 VS 代码中预安装的任何其他代码格式化程序。
这可能会帮助您解决当前的问题。发生这种情况是因为两个插件的工作方式不同，并且在保存时保持启用这两个插件会反映我们使用此格式。禁用美化并安装 Prettier 插件有助于我们实现所需的输出。
您可以找到 Prettier 插件（此处）。
解决方案
我卸载了其他格式化程序“美化”。我正在按“shift+alt+f”重复格式化文档，这在右下角弹出“有多个格式化程序。选择默认格式化程序以继续”。然后我选择了更漂亮的代码格式化程序
参考@Shivanshu Gupta 在上面的评论中提到的文章https://github.com/prettier/prettier-vscode/issues/449
简短的语法
有一种新的、更短的语法可用于声明片段。它看起来像空标签：
class Columns extends React.Component {
render() {
return (
<>
<td>Hello</td>
<td>World</td>
</>
);
}
}