如何在 React 中使用新的 Feature Hooks？

Question

我刚读到 React 的新功能钩子。Read about hooks 但我无法使用它。它给我错误。

我目前使用的是 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

编辑：

Hooks 作为 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 版本的 React 来测试它们

为了使用这个安装以上版本

yarn add react@next react-dom@next

确保你安装了 react 和 react-dom 否则你会收到类似

的警告

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

如何在 React 中使用新的 Feature Hooks？

How to use new Feature Hooks in React?

javascript

reactjs

react-hooks