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

Question

我刚刚阅读了React的新html" target="_blank">功能挂钩。了解有关钩子的信息， 但我无法使用它。它给我错误。

我目前正在使用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.0React的Alpha版本对其进行测试

为了使用此安装上述版本使用

yarn add react@next react-dom@next

确保同时安装react和react-dom，否则会收到警告，例如

尝试使用React钩子（alpha）时发生TypeError：Object（…）不是函数”错误