Prettier在.jsx文件中删除了大括号"{ }"

Question

我在我的.jsx文件中有以下代码块：

<div className="">
        <h1 className="">
          The Next <br className="sm:block hidden" /> {" "}
          <span className="text-gradient">Generation </span> {" "}
          Payment
        </h1>
      </div>

但是 prettier 会移除第二个{" "}，如下所示：

<div className="">
        <h1 className="">
          The Next <br className="sm:block hidden" /> {" "}
          <span className="text-gradient">Generation </span>
          Payment
        </h1>
      </div>

它还会在代码的其他部分移除{" "}。 如果有人能帮我解决这个问题，我将非常感激。

我找到的唯一解决方案是在prettier的配置中使用prettier.bracketSpacing，但没有帮助。

Answer 1

尝试这个：

const space = " ";
return ( ...
<div className="">
   <h1 className="">
       下一代<br className="sm:block hidden" /> {space}
       <span className="text-gradient">支付</span> {space}
       付款
   </h1>
</div>