今天實作一個很簡單的計數器，按下按鈕後數字會一直累加1

要先將useState 匯入

import React, {useState} from 'react';

import React, {useState} from 'react';

const App = () => {

  const state = useState();  

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

  const IndNum = ()=>{

    setCount(count +1);  
  
}
  return (
    <div className = "div">
      
      <h1> {count} </h1>  
      
            <button className = "btn" onClick={IndNum}>Click Me</button>  
            
     </div>

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

count =>當前數據
setCount =>更新數據
useState( ) =>初始數據

必須遵循的 React Hooks 規則

1.始終將其寫在組件或函數中。
別在一般的 JavaScript function 中呼叫 Hook，
在 React function component 中呼叫 Hook，在自定義的 Hook 中呼叫 Hook。
2.組件名稱必須是駝峰命名
3.我們可以直接導入，也可以直接使用 react.hookName 編寫
4.只在最上層呼叫 Hook，不要在迴圈、條件式或是巢狀函數（Nested functions）內呼叫 Hook