[ReactJS] 元件生命周期

Photo by Michael Fertig on Unsplash

React的元件從被建構開始，一直到從畫面上被移除為止，都有事件可以被我們監聽，並且參與，我們稱之為生命周期。

首先我們先來複習一個基礎的元件長怎樣

假設我們想要在元件繪製到畫面之後去執行一個 Http Request 我們可以在元件內新增一個 componentDidMount 的屬性，這樣元件在繪製到畫面之後就會去自動執行我們寫的功能了。

除了 componentDidMount 之外，整個生命周期從被建立一直到被刪除為止的對應圖如以下，例如我們想在元件被刪除的時候做一些通知就可以在 componentWillUnmount 裡面去撰寫。

https://tylermcginnis.com/an-introduction-to-life-cycle-events-in-react-js/

總結

我們在這篇文章學習到了 ReactJs 的生命周期以及怎麼在元件對應的周期執行對應的程式，生命周期在實際專案上會常常被使用，因為我們常常需要在元件執行的時候去呼叫 Http Request ，也需要在元件被撤除的時候把相關的事件刪除，所以學會這篇相信你的 ReactJS 功力又會大增了。