自闭合标签的更漂亮的相同行括号

Question

有什么方法可以让自闭标签的括号和 JSX 元素的最后一个属性在同一行更漂亮？

这就是我的意思：

我想把它和最后一个属性放在同一行以节省一些空间。 另外，我已经用bracketSameLine 配置了prettier，但这仅适用于非自闭元素。

Answer 1

Prettier 的配置选项很少by design。它提供了少量的控制，但最终它的设计目的是决定如何为开发人员设置某些代码元素的样式。

关于在哪里放置右括号的具体决定旨在最大限度地减少差异（在这种情况下，将属性附加到您的 input 标记将添加一行而不修改现有行）。

所以我在这里看到的唯一选项是：

1. 接受 Prettier 的建议。

或

1. 不要使用 Prettier。