Reactjs 如何使组件更漂亮并保持组件'；这是一行的道具吗？

我使用VSCode插件Prettier作为jsx代码的格式化程序。当它运行时，它使每一个道具都有自己的一条线

const组件=({
建议1，
提案2，
提案3，
第4条，
}) => {
返回（）；
}

如何使它们保持在一条线上，如下所示：

const compA=（{prop1，prop2，prop3，prop4}）=>{
返回（）；
}

Prettier的算法基于重新打印代码，并考虑行长度限制（默认为80个字符）。当带有道具的线低于此限制时，它不会被分割。但当道具名称足够长时，Prettier会将它们放在单独的行中。这一点你自己也能看到

---

说了这些，我可以问你为什么要在一行保留长道具名称吗？如果您不关心行长度限制，最有可能的是，Prettier不是适合您的工具。它的目的是通过关注代码样式来促进项目和团队之间的协作，而不是成为一个可定制的代码格式化程序，它可以根据用户的需要执行任何操作。

Prettier可以通过在该部分代码之前插入注释

//Prettier ignore

来告知Prettier忽略某些代码部分。但是，如果在这种情况下使用，它会使它忽略整个函数，这不是所希望的

因此，这样的事情可能是可以接受的：

const compA = (
  // prettier-ignore
  { prop1, prop2, prop3, prop4 }
) => {
    return ();
}

---

我们只是想保持组件名称和它的道具在同一行。这是我队的常规赛。我已经看到，有一些选项可以强制prettier将用于渲染的道具保持在同一行（

）。我的问题是，是否有一个选项适用于组件定义。“我看到有一些选项可以强制prettier保留用于渲染的道具”-没有这样的选项。Prettier的格式不是真正可定制的，这是有意的，我再次检查，结果发现这实际上是an的规则。不是更漂亮的。