chuck

导致"Invalid hook call. Hooks can only be called inside the body of a function component"错误的有多种原因。一起看看

当我们尝试在类组件中使用`useState` 钩子时，会产生"React hook 'useState' cannot be called in a class component"错误。

为了解决React Hook 'useEffect' is called in function错误，可以将函数名的第一个字母大写，或者使用`use`作为函数名的前缀。

当我们有条件地使用`useState`钩子时，或者在一个可能有返回值的条件之后，会产生"React hook 'useState' is called conditionally"错误。

CSS变量（官方称为自定义属性）是用户定义的值，它可以在你的代码库中设置一次并多次使用。它们使管理颜色、字体、大小和动画值变得更加容易，并确保整个web应用的一致性。

当`useEffect`钩子使用了一个我们没有包含在其依赖数组中的变量或函数时，会产生"React Hook useEffect has a missing dependency"警告。

当我们忘记从函数中返回值时，会产生"Expected an assignment or function call and instead saw an expression"错误。

当我们尝试使用默认导出来导出一个匿名函数时，会导致"Unexpected default export of anonymous function"警告。为了解决该错误，在导出函数之前，为函数赋予名称

当我们为元素的`onClick`属性传递一个值，但是该值却不是函数时，会产生"Expected `onClick` listener to be a function"报错。