如何在 jsx 中禁用更漂亮的添加 {""}？

Question

我遇到了更漂亮的格式问题，当我保存代码时，它会在jsx代码的某些部分添加烦人的{" "}例如：

我已经搜索了如何解决这个问题，但找不到任何解决方案，有人可以帮忙吗？

这是代表： 更漂亮的游乐场，这是github 上的相关问题

Answer 1

由于prettier 的 GitHub上有一个关于这个的问题，并且已经关闭，没有任何实际的解决方案，所以这个问题没有任何实际的答案。 在 github 问题中提到的唯一答案就是使用//prettier-ignore将禁用它：

默认版本：

/*source*/
<p>hello <a href="#" target="_blank">LINK</a> world</p>


/*output*/
<p>
  hello{" "}
  <a href="#" target="_blank">
    LINK
  </a>{" "}
  world
</p>;

使用//prettier-ignore禁用它：

/*source*/

//prettier-ignore
<p>hello <a href="#" target="_blank">LINK</a> world</p>


/*output:*/

//prettier-ignore
<p>hello <a href="#" target="_blank">LINK</a> world</p>

这里是游乐场