React Prettier - 如何刪除字符串的支撐括號

Question

我有這個組件。

<ComponentA text='Text A'/>

當我保存文件時，prettier 會將代碼更新為

<ComponentA text={'Text A'}/>

如何在更漂亮的情況下禁用此行為？

Answer 1

我不認為有解決這個問題的正確方法。 Github 上的問題線程在沒有解決方案的情況下關閉。 但是，解決方法很少

---

1..手動告訴prettier忽略行

您可以在希望 prettier 忽略/跳過格式的每個組件上方使用{/* prettier-ignore */} 。 （意見：它非常耗時且不可擴展）

---

2..更改配置

在更漂亮的配置文件上，添加以下內容

jsxBracketSameLine: false

默認情況下，此規則將檢查 JSX 道具和子項中不必要的花括號並發出警告。 為了向后兼容，默認情況下不考慮作為 JSX 元素的 prop 值。 詳情在這里