Jsx缩进冲突：VSCode和ESLint

Question

Eslint(airbnb config)希望在有多个参数时，我的参数放在新行上。但是当我这样做时，vscode格式化仍然会给出4个空格的缩进，而不是预期的2个空格。

const Example = ({
  param1,
  param2,
  param3,
}) => (
    <div>
      {param1} {param2} {param3}
    </div>
  );

预期结果：

const Example = ({
  param1,
  param2,
  param3,
}) => (
  <div>
    {param1} {param2} {param3}
  </div>
);

有没有在vscode中可以使用的设置来得到预期的行为？

- Rob Indesteege

Answer 1

您可以通过使用eslint-config-prettier或更好的prettier-eslint集成来避免冲突的规则。此集成将使用eslint配置格式化规则，并且不会出现任何冲突。

如果您使用的是VS Code，则有一个配置选项prettier-vscode。

- Black