时间戳

首页 > 解决方案 > 更漂亮的 jsx 片段

javascript - 更漂亮的 jsx 片段

问题描述

function App() {
    
      return (
       <>
        <
        Navbar / >
        <
        Users / >
       </>
      );
    }

点击 ctrl+Save 这个更改到

function App() {

  return ( <
    >
    <
    Navbar / >
    <
    Users / >
    <
    />
  );
}

当我将鼠标悬停在片段上时，它会显示“JSX 片段没有相应的结束标记”。

我尝试再次安装更漂亮，没有帮助

标签： javascriptreactjsjsxprettierprettier-eslint

解决方案

您必须安装Prettier plugin并禁用beautify插件或您在 VS 代码中预安装的任何其他代码格式化程序。

这可能会帮助您解决当前的问题。发生这种情况是因为这两个插件的工作方式不同，并且保持两者都启用会在保存时使用这种格式来反映我们。禁用美化和安装 Prettier 插件有助于我们实现所需的输出。

你可以找到 Prettier 插件（在这里）。

推荐阅读