我尽可能用最简单的方式解释了 React Hooks。

AWS 安全直播！

Hooks 可以让你使用函数组件做更多事情。

你可以在useState()钩子函数中使用状态。

例如const [count, setCount] = useState(0)……

现在count等于0。

更新count内容为setCount(1)：

现在count相等1，组件将会更新。

你也可以用钩子触发副作用useEffect()。

例如useEffect(() => console.log(count), [count])……

现在每次count更新都会在控制台记录日志。

提示：使用此功能[]可在组件挂载时仅触发一次副作用，省略第二个参数即可在任何状态更改后触发副作用。

提示 2：如果你从副作用中返回一个函数，那么在组件卸载后，该函数将会运行。

以下是一些代码。

import React, {useState, useEffect} from "react";

function Counter(props) {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = count;
  }, [count]);

  function countHigher() {
    setCount(count + 1);
  }

  return (
    <p onClick={countHigher}>
      {count}
    </p>
  );
}

差不多就是这样了。

如果想了解更多详情，请阅读文档。