如何在React中使用新功能挂钩？

Question

我刚刚读到了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;

我导入了Fun并在我的app.js文件中使用

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

谢谢

Answer 1

编辑:

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

跑

yarn install react@16.8.0 react-dom@16.8.0

安装.为了升级对最新版本的反应

yarn upgrade react react-dom

版本16.6.0中不存在挂钩,但是是针对版本16.7.0的提议.但是,您可以使用16.7.0-alpha.0反射的alpha版本来测试它们

为了使用这个安装上面的版本使用

yarn add react@next react-dom@next

确保你安装了两个react,react-dom否则你会得到警告

TypeError:Object(...)不是函数"尝试使用反应挂钩(alpha)时出错