是否有 Prettier 设置可以防止在使用 &&、|| 时将 React 组件自动包装在括号中 还是三元运算符？

Question

当我保存组件文件时，Prettier 会自动将 return 语句格式化为：

return edit ? (
  <DetailsEdit study={study} setEdit={setEdit} />
) : (
  <DetailsView study={study} setEdit={setEdit} />
);

有什么办法可以使它的格式改为这样吗？

return edit 
    ? <DetailsEdit study={study} setEdit={setEdit} />
    : <DetailsView study={study} setEdit={setEdit} />;

这些是我的 .prettierrc 文件的内容

{
  "tabWidth": 2,
  "printWidth": 100
}

Answer 1

不，没有。Prettier 的理念是不要有太多选择，这里记录了它所拥有的选项。

IMO，无论如何，括号更容易阅读，特别是当三元中的组件不可避免地变得更长时。