React 16.8版本新增方法-----useEffect和useState

useEffect 可以在function定义的组件中模拟生命周期

      1： 参数一：表示回调函数
            参数二：表示什么数据改变之后会触发回调函数；
      2：若没有参数二，表示所有数据改变都会触发
            参数二为空数组，表示只有在第一次组件初始化的时候会触发
            若参数二中的数组有值，表示数组中的数据发生改变之后会触发
           

import React,{ useState,useEffect } from 'react';
   function CounterFun(){
        const [ count,setCount] = useState(1);
        useEffect(()=>{console.log("每次都会执行")  })   }；
        useEffect(()=>{console.log("只执行一次")；}，[ ] );
        useEffect(()=>{console.log("count值发生了改变")；}，[count])；//count发生改变，立即触发该生命周期
            return (
                <div>
                            <h5>当前的技术值为：{count}</h5>
                            <button onClick={()=>setCount(count+1)}>按下</button>
                    </div>
                 )