Reactjs Prettier不在React项目工作

我正在将airbnb eslint规则迁移到更漂亮的规则，但我遇到了一些问题

这是我的.eslintrc：

{
  "parserOptions": {
    "ecmaVersion": 6
  },
  "env": {
    "browser": true,
    "node": true
  },
  parser: "babel-eslint",
  "plugins": ["prettier", "react"],
  "rules": {
    "prettier/prettier": [
      "error",
      {
        "singleQuote": true,
        "semi": true
      }
    ]
  },
  "extends": ["eslint:recommended", "prettier", "prettier/react"]
}

通过此设置，我在App.jsx文件中遇到以下错误：

定义了“React”，但从未使用过。（无未使用的VAR）

“标题”已定义，但从未使用过。（无未使用的VAR）

从“React”导入React；
从“/App.scss”导入样式；
从“../Header/Header”导入标题；
常量应用=（）=>
;
导出默认应用程序；

您需要添加

---

这将添加

react/jsx uses react

规则，该规则将防止在使用jsx时将react错误地标记为未使用。

转到设置并键入默认格式设置程序，该设置程序在开始时为空。将其更改为esbenp.prettier-vscode。

---

这就是我的工作。希望对您有用。

只需安装扩展插件Prettier ESLint（确保您已经安装了Prettier）

安装扩展后，将默认格式化程序更改为更漂亮的ESlint

在VSCode中更改默认格式化程序设置的步骤

按ctrl+shift+p组合键打开首选项

使用键入格式文档，然后按enter键

选择配置默认格式化程序

现在选择更漂亮的eslint

---

现在，无论何时您想要格式化React文档，只需使用ctrl+s保存文件即可

尝试添加

React

插件-

“extends:[“eslint:recommended”，“plugin:React/recommended”]

可以回答我给您的赞成票吗？它就像一个符咒一样有效…谢谢！

import React from 'react';
import style from './App.scss';
import Header from '../header/Header';

const App = () =>
  <div className={style.wrapper}>
    <Header />
  </div>;

export default App;

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