0

我有 eslint 和更漂亮的，我认为他们被配置为彼此满意：

extends: ["eslint:recommended", "plugin:react/recommended", "prettier"]

我prettierrc.json主要使用默认值：

{
  "jsxBracketSameLine": true,
  "arrowParens": "avoid"
}

我的 eslint 配置（其中有很多东西，从其他人创建项目时开始）确实重述了缩进规则：

indent: ["warn", 2, { SwitchCase: 1 }]

所以无论如何，这里有一个奇怪的缩进的例子，它每隔一段时间就会发生一次。我已经添加*以显示意外的间距行为。

export const getUsersPlayerSubscription = createSelector(
  userSubscriptions,
  allSubscriptions,
  (userSubscriptions, allSubscriptions) => {
    const activePlayerSub = userSubscriptions.find(
      sub => sub.name?.toLowerCase() !== "coach"
    );
    return activePlayerSub
    **? allSubscriptions.find( // indent fine
      ****s => s.subscriptionId === activePlayerSub?.subscriptionId // indent huh?
    ****) // indent huh?
    **: null; // indent fine
  }
);

添加这些缩进的是 Prettier（通过注释掉 eslint 缩进规则来确认）。为什么要给这些额外的空间？

如果你想告诉我我应该删除 eslint 缩进规则，那很好。但我仍然想知道为什么 Prettier 会这样缩进代码！

4

0 回答 0