如何在 React 中配置 Prettier 以換行 className 屬性

Question

這是應用了 Prettier 的原始代碼：

<div
  role="menubar"
  className="absolute top-0 left-0 z-50 h-0 mt-10 grid grid-cols-3 gap-x-3 gap-y-5 "
>
</div>

這是我預期的代碼結果：

<div
  role="menubar"
  className="absolute top-0 left-0 z-50 
             h-0 mt-10 grid grid-cols-3 
             gap-x-3 gap-y-5 "
>
</div>

誰能推薦解決方案？

Answer 1

查看 prettier 中的Print Width屬性。

它允許您指定該行應該在多少個字母之后換行。