//?useEffect第一個(gè)參數(shù)是相當(dāng)于執(zhí)行了鉤子函數(shù)的componentdidmount和componentdidupDate
//?第二個(gè)參數(shù)是是個(gè)數(shù)組，只有當(dāng)數(shù)組中的每一項(xiàng)都沒有發(fā)生變化才不會useEffect才不會執(zhí)行
//?不傳數(shù)組就是每一次都執(zhí)行useEffect
//?傳空數(shù)組，空數(shù)組跟空數(shù)組是相同的，所以useEffect只會執(zhí)行一次
?const?onClick?=?()?=>?{
????console.log('click')
??}//監(jiān)聽事件
??useEffect(?()?=>?{
??????console.log('監(jiān)聽')
??????document.querySelector('#size').addEventListener('click',onClick,false)
??},[])? //如果只需要執(zhí)行一次，那么可以這樣來寫
??useEffect(?()?=>?{
??????console.log('監(jiān)聽')
??????document.querySelector('#size').addEventListener('click',onClick,false)
? ? ? ?return?()?=>?{
? ? ? ? ?console.log('銷毀')
? ? ? ?document.querySelector('#size').removeEventListener('click',onClick,false)
? ? ? ?}
??})//這樣就會反復(fù)創(chuàng)建銷毀?。?/p>
