如何在 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>

這里是游樂場