如何在 React 中配置 Prettier 以换行 className 属性答案

【问题标题】：How to config Prettier to line break className attribute in React如何在 React 中配置 Prettier 以换行 className 属性
【发布时间】：2022-02-16 03:08:11
【问题描述】：

这是应用 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>

谁能推荐解决方案？

【问题讨论】：

标签： javascript reactjs prettier

【解决方案1】：

查看 prettier 中的 Print Width 属性。

它允许您指定该行应该在多少个字母之后换行。

【讨论】：