为什么 Visual Studio Code 会自动添加 {" "}？答案

【问题标题】：Why does Visuall Studio Code auto add {" "}?为什么 Visual Studio Code 会自动添加 {" "}？
【发布时间】：2019-09-02 10:10:33
【问题描述】：

我正在开发一个 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 进行代码格式化。

【问题讨论】：

好问题。我也想知道。

标签： javascript reactjs react-native visual-studio-code

【解决方案1】：

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

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

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

【讨论】：

哦，好的。谢谢。