javascript - 为什么Visual Studio Code自动添加{“”}？

我正在开发一个React Native App，我注意到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进行代码格式化。

最佳答案

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

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

而{" "}这样可以确保在输出中呈现一个空格。