// useEffect第一个参数是相当于执行了钩子函数的componentdidmount和componentdidupDate
// 第二个参数是是个数组，只有当数组中的每一项都没有发生变化才不会useEffect才不会执行
// 不传数组就是每一次都执行useEffect
// 传空数组，空数组跟空数组是相同的，所以useEffect只会执行一次
const onClick = () => {
console.log('click')
}//监听事件
useEffect( () => {
console.log('监听')
document.querySelector('#size').addEventListener('click',onClick,false)
},[]) //如果只需要执行一次，那么可以这样来写
useEffect( () => {
console.log('监听')
document.querySelector('#size').addEventListener('click',onClick,false)
return () => {
console.log('销毁')
document.querySelector('#size').removeEventListener('click',onClick,false)
}
})//这样就会反复创建销毁！！
