點燈坊

失くすものさえない今が強くなるチャンスよ

タグ : React

使用 Effect Hook 處理 Side Effect

在觀念上我們會希望在 DOM Render 完之後才處理 Side Effect,在 Class Component 我們須在 componentDidMount()componentDidUpdate() lifecycle 分別處理;但在 Function Component 只需使用 Effect Hook 統一處理即可。

如何使用 useState() Toggle State ?

JSX 若要根據 State 做不同的顯示,當然可以將 JavaScript 直接寫在 JSX 內,但比較好的方式是抽成 Method 或 Function,如此可避免 JSX 內 HTML 與 JavaScript 混在一起的 Spaghetti Code。

React Hooks 初體驗

React 16.8 的 Hooks 橫空出世後,其 Function Component 也能有 State 讓大家驚豔不已,React 從此可以不用寫 Class Component,朝 Class-free 又邁進一大步。