如何在React中使用新的功能挂钩? [英] How to use new Feature Hooks in React?

问题描述

我刚刚了解了React的新功能钩子.了解钩子 但我无法使用它. 它给了我错误.

I just read about the react's new feature hooks.Read about hooks but i can't able to use it. it gives me error.

我当前正在使用版本16.6.0

I am currently using version 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文件

I imported as Fun and used as in my app.js file

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

The mistake i made is i did't install React v16.7.0-alpha so i installed using npm add react@next react-dom@next.

谢谢

推荐答案

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

Hooks are released as a part of version 16.8.0 and you can use it by installing React and React-dom 16.8.0

运行

yarn install react@16.8.0 react-dom@16.8.0

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

to install. In order to upgrade react to latest version

yarn upgrade react react-dom

---

在版本16.6.0中没有挂钩，但是挂钩是版本16.7.0的建议.但是，您可以使用React的16.7.0-alpha.0 alpha版本对其进行测试

---

Hooks aren't present in version 16.6.0, but are a proposal for version 16.7.0. You can however use 16.7.0-alpha.0 alpha version of React to test them

要使用此版本，请使用

yarn add react@next react-dom@next

确保同时安装react和react-dom，否则将收到类似

Make sure that you install both react and react-dom or else your would get warning like

TypeError:尝试使用react时，Object(…)不是函数"错误 钩子(字母)

TypeError: Object(…) is not a function" error when trying to use react hooks (alpha)

这篇关于如何在React中使用新的功能挂钩?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！