Eslint 和更漂亮的操作符-换行规则冲突

Question

我有一些 eslint 和漂亮的配置。当我按 ctrl + s 来保存我的代码时，我的 eslint 正在尝试将代码格式化如下：

        (errors.password
            && (errors.password.type === 'minLength'
            || errors.password.type === 'maxLength') && (
              <Styled.Error className="invalidForm">
                Password must be more than 6 and less then 32 digits
              </Styled.Error>
          ))
            || (errors.password && (
              <Styled.Error className="invalidForm">
                Password is required
              </Styled.Error>
            ))

在那之后，漂亮的也立即将代码格式化为：

        (errors.password &&
            (errors.password.type === 'minLength' ||
              errors.password.type === 'maxLength') && (
              <Styled.Error className="invalidForm">
                Password must be more than 6 and less then 32 digits
              </Styled.Error>
            )) ||
            (errors.password && (
              <Styled.Error className="invalidForm">
                Password is required
              </Styled.Error>
            ))

我不想改变 eslint 规则，也不想禁用更漂亮的格式。如何更改放置逻辑运算符的更漂亮规则？

Answer 1

根据更漂亮的文档：

\n

\n

由于历史原因，Prettier 有一些选择。但我们不\xe2\x80\x99 想要更多。\n Prettier 不是一个厨房水槽代码格式化程序，它会尝试以您希望的任何方式打印您的代码。这是固执己见。

\n

\n

\n

引用《为什么更漂亮？》页：\n到目前为止，采用 Prettier 的最大原因是停止所有关于样式的持续争论。

\n

\n

Prettier 附带了一些格式选项，其中一些是：

\n

\n
• 标签宽度
\n
• 选项卡
\n
• 分号
\n
• 引号
\n
• 报价道具
\n
• JSX 行情
\n
• 尾随逗号
\n

\n

但这些选项不包括您正在寻找的内容。

\n