反应|功能组件抛出错误useState Object（...）不是函数

Question

我正在尝试根据本文创建一个组件：

https://scotch.io/tutorials/5-ways-to-convert-react-class-components-to-functional-components-w-react-hooks#toc-class-with-state-and-componentdidmount

但是简单地从上面的链接复制粘贴功能组件会引发错误：

robocopy Libs Release /XF *d.dll

完整的组件代码：

TypeError: Object(...) is not a function
Home
src/components/Home.js:3
  1 | import React, { useState, useEffect } from 'react';
  2 | 
> 3 | function Home() {
  4 | 
  5 |   const [userName, setUsername] = useState('JD');
  6 |   const [firstName, setFirstname] = useState('John');

Answer 1

挂钩是一项即将发布的功能，它使您无需编写类即可使用状态和其他React功能。它们目前在React v16.8.0-alpha.0中。

请检查react版本，因为hook方法适用于v16.8.0。

希望这会有所帮助，

干杯！