Reactjs &引用；钩子只能在函数组件的主体内部调用；甚至它'；函数组件内部的

我在函数组件中使用ReactHooks

useffect

。 但是，它返回的错误是，钩子只能在函数组件的主体内部调用

我的代码是

const ChildComponent = (props) => {
  useEffect(() => {
   // call for tracking event 
  }, [])
  return (
    <div>
     this is an example
    </div>
  )
}

constchildcomponent=（道具）=>{
useffect（（）=>{
//要求跟踪事件
}, [])
返回(
这是一个例子
)
}

这个示例代码是类组件的子组件。我想这不是问题

class ParentComponent extends React.Component {
render() {
return <exampleCode />
 }
}

类ParentComponent扩展了React.Component{ render（）{ 返回 } } react和react DOM版本为16.8.6。

---

我如何修复它？

一个或两个问题。正如其他人所提到的，如果您提供组件名称，则需要将其大写。当然，你可以有这样的东西，它完全放弃了这一点：

export default ({ children }) => {
  ...
};

---

另一件事是，您给出了一个示例，其中有useffect（），但没有useState（），即没有钩子可供其操作。为了清楚起见，我们可以假定你省略了这个吗？如果您没有，我怀疑这就是您遇到此错误的原因。

React组件以大写字母开头。谢谢，这是我的打字错误