小编sau*_*abh的帖子

我正在尝试使用 react 钩子导出一个正常的功能组件，但出现此错误。

类型错误：Object(...) 不是函数

当我移除挂钩并在没有任何状态的情况下将其导出时，它可以工作。导出与 Class 组件相同的代码也有效。

import React,{ useState } from 'react';

const  Mycomponent = () => {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

export default Mycomponent;

这是我导入和使用功能组件的方式。

import Mycomponent from './mycomponet';
class MYClassComponent extends Component {
  render() {
    return (
      <Mycomponent />
    }
}

我正在使用react 16.6.3和使用create-react-app.