Prettier 支持可选链接 (?.)

Question

在我的 JavaScript React 应用程序中，我使用 prettier 进行代码格式化。

我当前的规则按预期运行。我看到 Prettier 也支持可选链接，但是当我运行 prettier --write 时不会改变，例如 user.info.name 变成 user?.info?.name

有人知道这里的问题是什么吗？

这是我的 .prettierrc:

module.exports = {
  trailingComma: "none",
  tabWidth: 2,
  semi: true,
  printWidth: 120,
  arrowParens: "avoid"
};

版本 - "prettier": "2.1.2"

我正在使用 Webstorm IDE

Answer 1

Prettier 不会进行会改变代码行为的更改。在你访问对象属性的任何地方添加可选链接会改变行为，甚至是不可取的，所以他们不这样做。当 prettier 说他们支持可选链接时，他们只是意味着 prettier 可以解析使用可选链接的代码，而不是抛出语法无法识别的异常。

Prettier supports for Optional chaining (?.)