Skip to content

Tag

Coding

Coding

Posts

Coding · React 初心者大補帖

React 初心者大補帖（3）：用自動販賣機範例學會 useImperativeHandle

在 React 裡，父元件通常 無法直接控制子元件的內部狀態或行為。但有時候，我們希望 父元件可以透過某些方法操作子元件，例如：重置狀態、讀取資料或觸發某些事件——這時候，useImperativeHandle 就能派上用場。 這篇文章將透過一個「自動販賣機」的範例，一步步了解： * 什麼是 useImperativeHandle * 它為什麼需要搭配 forwardRef * 如何在實務中運用它來建立一個「可由父元件遙控的子元件」
By Anthea / 芫荽
Coding · React 初心者大補帖

React 初心者大補帖（2）：React Query 如何測試 onError

最近在幫一個有使用到 react-query 的元件寫測試時遇到一個狀況： 可以看到在上面的程式碼中，我有針對 error 做一些處理，因此我想寫個測試確認當我的 API 回傳錯誤後有正確的被處理： 但當我這執行測試後，卻發現測試執行不過： 可以從 console 中看到，錯誤是在驗證錯誤處理就被拋出了，在這裡下了 console log 之後可以看到目前的 result isLoading = true
By Anthea / 芫荽
Coding · JavaScript 工程師的修行之路

JavaScript 工程師的修行之路（2）：async await VS Promise

在 JavaScript 的世界裡，處理異步操作的方法有多種，其中最常被討論的就是 async/await 與 Promise.then()。這兩者各有特色與適用場景，理解它們的差異，有助於我們在開發中做出更明智的選擇。 接下來我將會從語法風格、錯誤處理、執行順序這三個面向說明一下兩者的差異。 語法風格與可讀性 async/await 的出現，讓我們可以用類似同步的方式來撰寫異步程式碼，提升了程式的可讀性。例如： async
By Anthea / 芫荽

Footer

有隻芫荽

會一點前端和一點後端但只想躺平的寫扣人

Page 2 / 7

← Newer Older →
Back to start © 2026 有隻芫荽