Reactjs 编译器如何知道我必须将代码放在哪里？

不是故意的，我将redux

useDispatch

函数放在react组件之外，如下所示：

---

如您所见，编译器会抱怨。问题是，编译器如何知道我必须在组件中放置

const dispatch=useDispatch（）

。

它看起来像是

eslint

在抱怨。您是否为IDE设置了

eslint

？它不是编译器，更接近于通过ES代码linter进行静态代码分析。如果您从create react应用程序创建项目，则在运行项目时，默认情况下会应用钩子linting规则，如果您已配置项目，则会在IDE中应用钩子linting规则。前端代码不会编译，而是传输。并不是transpiler（可能是Babel）引起了警告，而是ESLint，它查看原始源代码并检查各种标准。所以，如果问题是“ESLint如何在内部工作？”那么这并不是我使用WebStorm的堆栈溢出的主题。它看起来像是

ESLint

在抱怨。您是否为IDE设置了

eslint

？它不是编译器，更接近于通过ES代码linter进行静态代码分析。如果您从create react应用程序创建项目，则在运行项目时，默认情况下会应用钩子linting规则，如果您已配置项目，则会在IDE中应用钩子linting规则。前端代码不会编译，而是传输。并不是transpiler（可能是Babel）引起了警告，而是ESLint，它查看原始源代码并检查各种标准。所以，如果问题是“ESLint如何在内部工作？”那么这并不是我正在使用WebStorm的堆栈溢出的主题。