4.2 關(guān)于定時器時鐘的思考

在本書第1章關(guān)于React渲染機制的介紹中，我們實現(xiàn)了一個時鐘應(yīng)用，具體是通過定時器機制來實現(xiàn)的。下面再回顧一下那段代碼，具體如下：

【代碼4-5】（詳見源代碼目錄ch01-react-dom-render.html文件）

關(guān)于【代碼4-5】的說明：

●第05~14行代碼定義的updateTime()方法，通過元素渲染的方式實現(xiàn)了React時鐘效果（當(dāng)然這個頁面時鐘是無法動態(tài)更新的）。

●核心代碼是第16行代碼定義的計時器setInterval()方法，在通過定時器定時調(diào)用updateTime()方法，實現(xiàn)了頁面時鐘動態(tài)更新的效果。

雖然【代碼4-5】可以實現(xiàn)動態(tài)時鐘的效果，但并不是我們預(yù)想中的完美方式。我們希望可以實現(xiàn)一個結(jié)構(gòu)清晰、可封裝和可重復(fù)使用的時鐘組件。