ESLint：括號內的間距與反應

Question

有誰知道哪個 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

Answer 1

它與 eslint 無關。 等等之間的空格，是你的漂亮。 我建議您在根文件夾中創建一個.prettierrc文件並使用設置。 這是您可以復制粘貼到文件中的內容的基本示例

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

在您的情況下， tabWidth 將影響括號之間的空格數