我使用 npx create-react-app my-app
创建了一个React应用,并运行了 yarn install
命令。接下来在 App.js 文件中添加以下代码:
const a = () => 1,
b = () => 2,
c = () => 3;
function App() {
const wut = useMemo(() => {
return { a: a(), b: b(), c: c() };
}, [a]);
useEffect(() => {
console.log(a(), b(), c());
}, [a]);
运行 yarn start
会给我警告,但 vscode 没有。
我添加了一个 .eslintrc.js
文件,其内容如下:
module.exports = {
env: {
browser: true,
es6: true
},
extends: ["eslint:recommended", "plugin:react/recommended"],
globals: {
Atomics: "readonly",
SharedArrayBuffer: "readonly"
},
parserOptions: {
ecmaFeatures: {
jsx: true
},
ecmaVersion: 2018,
sourceType: "module"
},
plugins: ["react"],
rules: {
"react/prop-types": [0],
"no-console": [0],
"react-hooks/exhaustive-deps": "warn"
}
};
Definition for rule 'react-hooks/exhaustive-deps' was not found
。我卸载并重新安装了ESLint插件,并运行了yarn add eslint-plugin-react-hooks --dev
,但问题仍然存在。 - HMReslint.lintTask.options
设置--你可能需要将其指向它知道如何读取的内容。不知道它是否会读取具有这样导出的JS文件。 - Dave Newton.eslintlintrc.js
文件中的plugins: ["react", "react-hooks"]
解决了这个问题。同时,没有.eslintrc.js
也可以正常工作。 - HMR