更漂亮的人不在Reaction项目工作 [英] Prettier is not working at React project

问题描述

我正在将我的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文件中收到以下错误：

定义了‘Reaction’，但从未使用过。(无未使用的变量)

定义了"Header"，但从未使用过。(无未使用的变量)

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;

推荐答案

您需要添加esLint react plugin。

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

这将添加react/jsx-uses-react规则，该规则将防止Reaction在使用JSX时被错误地标记为未使用。

这篇关于更漂亮的人不在Reaction项目工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！