react--hook篇

react中常用的两个hook是useState,useEffect

useState

1. useState只能作用在函数组件中
2. 返回值[数据，改变数据的方法]

useEffect

1. 参数是一个回调函数
2. 不管组件挂载还是渲染，都会调用该方法

1.引入
import React, {useState,useEffect} from 'react'
function App(){

	//1.此处0表示count初始值为0 
	//2.count 相当于 state={count:0}
	//3.setCount表示改变count的方法
	 const [count,setCount] = useState(0);
	 useEffect(()=>{
                console.log('更新')
            })
	return(
		<div>
					<button onClick={()=>setCount(count + 1)}> + </button>
                    <span> {count} </span>
                     <button onClick={()=>this.setCount(count - 1)}> - </button>
			
		</div>
	)
}