javascript - 为什么 Visual Studio Code 会自动添加 {""}？

Question

我正在开发 React Native 应用程序，我注意到 VSCode 中有一些奇怪的行为。

当我编写一些 JSX 代码并自动格式化它时，有时 IDE 会自动在我的代码之间添加一个“{”“}”。

应用不会中断，但删除它也不会改变应用的行为。

它只是一个 VSCODE 的东西吗？它在那里是为了让我可以更好地阅读代码还是 smthn？

例如:

这段代码:

return {
    headerTitle: "Favorites",
    headerLeft: <HeaderButtons HeaderButtonComponent={CustomHeaderButton}> <Item title="Menu" iconName="md-menu" /> </HeaderButtons>
  }

更改为:

 return {
   headerTitle: "Favorites",
   headerLeft: (
     <HeaderButtons HeaderButtonComponent={CustomHeaderButton}>
       {" "}
       <Item title="Menu" iconName="md-menu" />{" "}
     </HeaderButtons>
   )
 };

我正在使用 Prettier 进行代码格式化。

Answer 1

这是在渲染输出中添加一个显式空间。它会看到您代码中的空格:

...derButton}> <Item ti...

{""} 这确保了空间被渲染到输出。