Prettier 是一个代码格式化工具，它的默认设置可能会删除.jsx 文件中的大括号 { }。这是因为 Prettier 通常会遵循一些特定的代码风格规则，以保持代码的一致性和可读性。

如果你希望在.jsx 文件中保留大括号 { }，可以通过以下几种方式来解决：

  1. 安装并配置 Prettier 的自定义配置：你可以在项目的根目录创建一个 .prettierrc 文件，并在其中指定你希望的 Prettier 配置选项。例如，你可以添加以下配置来保留大括号：
{
  "printWidth": 80,
  "singleQuote": true,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "jsxBracketSameLine": false
}

在这个配置中，jsxBracketSameLine 的值被设置为 false，表示在.jsx 文件中，大括号可以在不同的行上。

  1. 使用 Prettier 的插件或扩展：有些插件或扩展可以与 Prettier 一起使用，提供更灵活的配置选项。你可以在 Prettier 的插件市场或相关的扩展库中查找适合你的插件，并按照其文档进行安装和配置。
  2. 手动调整 Prettier 的配置：如果你不想使用自定义配置文件，也可以在需要的文件或项目级别上直接调整 Prettier 的配置。在执行 Prettier 格式化之前，可以在命令行或代码编辑器中设置特定的 Prettier 选项，例如：
PRETTIER_PRESET=standard PRETTIER_ARGS="--write" code.jsx

在这个命令中，PRETTIER_PRESET=standard 指定了使用的 Prettier 预设，而 PRETTIER_ARGS="--write" 表示只进行格式化而不删除大括号。

请注意，具体的解决方法取决于你的项目设置和个人偏好。选择适合你团队或项目的方式，并确保在整个项目中保持一致的代码风格。如果你对 Prettier 的配置有特定的需求，建议仔细阅读 Prettier 的文档以了解更多选项和调整方法。