Javascript 为什么我的App.js代码在保存时会自动更改？

我正在尝试构建我的第一个React本机应用程序。我使用的是默认的App.js代码，唯一的区别是我将输出文本从

Open-up-App.js

更改为

Hello-world。我有一个问题，代码在保存时会自动更改

这是我按Ctrl+S保存文件之前默认函数的外观：

export default function App() {
  return (
    <View style={styles.container}>
      <Text>Hello world!</Text>
    </View>
  );
}

导出默认函数App（）{
返回(
你好，世界！
);
}

这是保存后默认函数的处理方式：

export default function App() {
    return ( <
        View style = { styles.container } >
        <
        Text > Hello world! < /Text> <
        /View>
    );
}

导出默认函数App（）{
报税表（<
视图样式={styles.container}>
<
Text>你好，世界！<
/查看>
);
}

这是一个bug还是我做错了什么？
这是基于您的IDE。由于您将VisualStudio代码用作IDE，请尝试使用代码格式化扩展来相应地格式化代码

尝试对VS代码使用更漂亮的代码格式化程序扩展->

如果要启用自动保存，请将以下内容添加到settings.json文件中：

“editor.formatOnSave”：true

如果要禁用自动保存，请在settings.json文件中添加以下内容：

“editor.formatOnSave”：false

您正在使用的ide/编辑器和itIt中的设置很可能是由于设置中的autosave格式更改。这与您正在使用的语言或库无关，请检查您的ide设置。您为此使用的ide是什么？Visual Studio代码