react的Hooks

react的Hooks

Hooks解决的问题就是： 可以让我们在函数式组件内部书写 state和 生命周期钩子，原本函数式组件内部是不能定义state和方法的，只有lei组件内部可以

useState 是用来定义state的

useEffect 类似于componentDidMount // componentDidUpdate，当数据发生改变时就会触发

    import React,{ useState,useEffect } from 'react';

const Hooks =  () => {
   const [ count,setCount ] = useState(0)//count是数据，setCount是方法，用来修改count的方法
   
   useEffect ( ( ) => {//当数据发生改变时触发
       console.log('zangyue')
   } )
    return (
        <div>
            <button onClick = { () => {setCount(count+2)} }> 点击 </button>
            <p> { count } </p>
        </div>
    )
}
export default Hooks;