ESLint：括号内的间距与反应

【问题标题】：ESLint: spacing inside parenthesis with reactESLint：括号内的间距与反应
【发布时间】：2020-05-01 13:54:14
【问题描述】：

有谁知道哪个 ESLint 配置规则导致我的括号内的 jsx 左侧比我预期的多 4 个空格？

import React from 'react';

import './styles.scss';

const TableWrapper = ({
    children,
}) => (
        <div className="table-wrapper">
            {children}
        </div>
    );

export default TableWrapper;

使用eslint:recommended、plugin:react/recommended 和eslint-config-prettier

【问题讨论】：

标签： reactjs eslint eslint-config-airbnb

【解决方案1】：

它与 eslint 无关。等等之间的空格，是你的更漂亮。我建议您在根文件夹中创建一个.prettierrc 文件并使用这些设置。这是一个基本示例，您可以将内容复制粘贴到文件中

{
 "endOfLine": "lf",
 "semi": true,
 "singleQuote": true,
 "tabWidth": 2,
 "trailingComma": "es5",
}

在您的情况下，tabWidth 将影响括号之间的空格数

【讨论】：

感谢您的回复。我不认为这更漂亮。我有一个. prettierrc 和"tabWidth": 4。我在其他地方的间距看起来是正确的，它只是在括号内的jsx 中。