[ReactJS] 元件生命周期
Published in
2 min readSep 17, 2017
React的元件從被建構開始,一直到從畫面上被移除為止,都有事件可以被我們監聽,並且參與,我們稱之為生命周期。
首先我們先來複習一個基礎的元件長怎樣
假設我們想要在元件繪製到畫面之後去執行一個 Http Request 我們可以在元件內新增一個 componentDidMount
的屬性,這樣元件在繪製到畫面之後就會去自動執行我們寫的功能了。
除了 componentDidMount
之外,整個生命周期從被建立一直到被刪除為止的對應圖如以下,例如我們想在元件被刪除的時候做一些通知就可以在 componentWillUnmount
裡面去撰寫。
總結
我們在這篇文章學習到了 ReactJs 的生命周期以及怎麼在元件對應的周期執行對應的程式,生命周期在實際專案上會常常被使用,因為我們常常需要在元件執行的時候去呼叫 Http Request ,也需要在元件被撤除的時候把相關的事件刪除,所以學會這篇相信你的 ReactJS 功力又會大增了。