小编典典

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

reactjs

我刚刚阅读了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。

谢谢


阅读 234

收藏
2020-07-22

共1个答案

小编典典

编辑:

挂钩是16.8.0版的一部分,您可以通过安装React和React-dom 16.8.0来使用它

yarn install [email protected] [email protected]

安装。为了升级反应到最新版本

yarn upgrade react react-dom

挂钩在16.6.0版本中不存在,但是是针对16.7.0版本的建议。但是,您可以使用16.7.0-alpha.0React的Alpha版本对其进行测试

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

yarn add react@next react-dom@next

确保同时安装reactreact-dom,否则会收到警告,例如

尝试使用React钩子(alpha)时发生TypeError:Object(…)不是函数”错误

2020-07-22