如何判断一个function是否是函数式组件？-灵析社区

如何判断一个function是否是函数式组件？ 我们有如下的函数式组件代码： import React, { useEffect, useState } from 'react' import { Card } from 'antd'; const CPU = () => { const [aaa, setAaa] = useState('123') // 这行会报错 console.log(aaa) return ( Card content ) } export default CPU 但是当我运行的时候报错: Invalid hook call. Hooks can only be called inside of the body of a function component.  这里说`Hooks can only be called inside of the body of a function component. `但是我这个就是一个函数式组件呀，请问如何进行判断是否是函数式组件呢？ 注： 我的文件路径在： src/renderer/pages/localtools/machine/cpu.tsx 代码就是如上。没有看到有写错的地方呢，如何能判断我写的这个是函数式组件呢？