Day10 React Hooks 小实作简单的计数器

今天实作一个很简单的计数器，按下按钮後数字会一直累加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