React.js 面試題目講解：什麼是生命週期方法(lifecycle methods)，有哪些？

React.js 是一個用於構建用戶界面的 JavaScript 庫，它提供了一種可以更輕鬆地構建用戶界面的方法。它的一個重要特性是生命週期方法（lifecycle methods），它們可以讓開發者更好地控制組件的行為。在本文中，我們將詳細介紹什麼是生命週期方法，以及它們有哪些。

什麼是生命週期方法？

生命週期方法是 React.js 中的一種特殊方法，它們可以讓開發者更好地控制組件的行為。它們可以在組件的生命週期中被調用，以控制組件的渲染和更新。

生命週期方法可以被分為三個類別：

• Mounting： 這些方法會在組件被渲染到 DOM 上時調用，它們可以用於初始化組件的狀態，或者設置一些訂閱。
• Updating： 這些方法會在組件的 props 或 state 更新時調用，它們可以用於更新組件的狀態，或者檢查 props 是否改變。
• Unmounting： 這些方法會在組件從 DOM 上移除時調用，它們可以用於清理組件的狀態，或者取消訂閱。

有哪些生命週期方法？

React.js 提供了許多生命週期方法，它們可以被分為三個類別：Mounting、Updating 和 Unmounting。

Mounting 生命週期方法

• constructor()：在組件被渲染之前調用，它可以用於初始化組件的狀態，或者設置一些訂閱。
• componentWillMount()：在組件被渲染之前調用，它可以用於更新組件的狀態，或者檢查 props 是否改變。
• render()：在組件被渲染之前調用，它可以用於清理組件的狀態，或者取消訂閱。
• componentDidMount()：在組件被渲染之後調用，它可以用於更新組件的狀態，或者檢查 props 是否改變。

Updating 生命週期方法

• componentWillReceiveProps()：在組件接收到新的 props 時調用，它可以用於更新組件的狀態，或者檢查 props 是否改變。
• shouldComponentUpdate()：在組件的 props 或 state 更新時調用，它可以用於清理組件的狀態，或者取消訂閱。
• componentWillUpdate()：在組件的 props 或 state 更新之前調用，它可以用於更新組件的狀態，或者檢查 props 是否改變。
• render()：在組件的 props 或 state 更新之後調用，它可以用於清理組件的狀態，或者取消訂閱。
• componentDidUpdate()：在組件的 props 或 state 更新之後調用，它可以用於更新組件的狀態，或者檢查 props 是否改變。

Unmounting 生命週期方法

• componentWillUnmount()：在組件被從 DOM 上移除之前調用，它可以用於清理組件的狀態，或者取消訂閱。

生命週期方法是 React.js 中的一種重要特性，它們可以讓開發者更好地控制組件的行為。在本文中，我們詳細介紹了什麼是生命週期方法，以及它們有哪些。