react-hook 与计数器

阿里云双十一优惠活动，点击链接进行购买: 一年仅需89元即可以购买服务器~。我个人服务器为2核4G配置，也更加推荐购买 2核4G三年799元配置的服务器。

你可以跟着我的笔记当我有一台服务器时，我做了什么来开始维护服务器并搭建应用，将引导你使用 docker 和 k8s 搭建一个自己的服务器开发集群。

Hook 是 React 16.8 的新增特性，官网有一个相当简单的示例来展示它的用法

import React, { useState } from 'react';

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

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

一见倾心，它的简洁深深打动了我。于是我决定为它添加几行代码写个计数器:

import React, { useState } from 'react';

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

  const countdown = () => {
    setTimeout(() => {
      setCount(count + 1)
      countdown()
    }, 1000)
  }

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={countdown}>
        Click me
      </button>
    </div>
  );
}