使用 State Hook

单状态（state）

import React , {useState} from 'react';
export default function App() {
  const [count,setCount] = useState(0); // 声明一个叫 “count” 的 state 变量,初始值设置0
  return (
    <button
      type="button"
      onClick={()=>{setCount(count+1)}}
    >
      Click({count})
    </button>
  );
}

多状态声明注意：React是根据useState出现的顺序来确定的，不要在循环，条件或嵌套函数中调用 Hook， 确保总是在你的 React 函数的最顶层以及任何 return 之前调用他们。

参考：https://zh-hans.reactjs.org/docs/hooks-rules.html#explanation

https://segmentfault.com/a/1190000022341755