Javascript 如何在React中使用新特性挂钩？

我刚读到react的新特性挂钩。 但是我不能用它。 这给了我错误

我目前使用的是16.6.0版

我终于明白了钩子的意思

import React, {useState} from 'react';

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

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

 export default Fun;

import React，{useState}来自“React”；
康斯特乐趣=（）=>{
const[count，setCount]=useState（0）；
返回(
您单击了{count}次

设置计数（计数+1）}>
点击我
);}
导出默认值；

我以有趣的方式导入，并在app.js文件中使用

我犯的错误是我没有安装React v16.7.0-alpha，所以我使用npm add安装react@next反应-dom@next.

---

谢谢

编辑：

挂钩作为16.8.0版的一部分发布，您可以通过安装React和React dom 16.8.0来使用它

跑

安装。为了升级，请响应最新版本

yarn upgrade react react-dom

---

钩子在版本16.6.0中不存在，但它是版本16.7.0的建议。但是，您可以使用React的

16.7.0-alpha.0

alpha版本对其进行测试

要使用此功能，请使用安装上述版本

yarn add react@next react-dom@next

确保您同时安装了

react

和

react-dom

，否则会收到如下警告

TypeError:Object（…）在尝试使用react时不是函数“错误” 挂钩（阿尔法）

---

但是我认为错误钩子只能在函数组件的主体内部调用。如何使用它？@Ram，我建议您创建一个问题，并提供有关错误的详细信息，同时提供相关代码添加

react dom

是我的关键。现场的医生没有提到这一点。非常令人沮丧。@Farid您需要始终使用相同版本的react和react dom。我得到的TypeError与上面相同，但是，我的依赖项有正确的Alpha版本。有人经历过吗？我有一个不同的项目，使用它们时没有问题，我正试图以相同的方式进行配置，但在尝试使用新API时无法克服此错误。据我所知，React Hooks已迁移到16.7.0-alpha.2。

yarn add react@next react-dom@next