react組件中這個(gè)tick()怎么來(lái)的不用聲明么？沒(méi)看懂求大神解答
5 回答
慕容3067478
TA貢獻(xiàn)1773條經(jīng)驗(yàn) 獲得超3個(gè)贊
這是他自己定義的一個(gè)私有函數(shù)，只不過(guò)省略了function關(guān)鍵字(這是ECMAScript2015或者說(shuō)成ES6的寫(xiě)法)，上面setInterval函數(shù)中的箭頭函數(shù)也是ES6中的寫(xiě)法。
我總體給你解釋一下吧，在你的例子中函數(shù)的執(zhí)行順序：
首先是掛載階段，構(gòu)造函數(shù)constructor，頁(yè)面渲染render，componentDidMount。執(zhí)行componentDidMount時(shí)，設(shè)置間隔為1秒的setInterval間隔函數(shù)間隔觸發(fā)自定義的tick函數(shù)。
更新階段render再次執(zhí)行，更新時(shí)間；
卸載階段componentWillUnmount，調(diào)用clearInterval函數(shù)清除setInterval間隔函數(shù)，防止內(nèi)存泄漏。
- 5 回答
- 0 關(guān)注
- 1211 瀏覽
添加回答
舉報(bào)
0/150
提交
取消