RTK Query範例
範例概觀
我們有許多範例說明使用RTK Query的各種面向。
這些範例並非您應用程式的基礎，而是用來展示您在應用程式中可能不需要或不想要的非常特定行為。對大多數使用者而言，查詢和變更區段中的基本範例將涵蓋您大部分的需求。
提示
請注意，在CodeSandbox中使用範例時，您可能會遇到奇怪的行為，特別是如果您分岔範例並開始編輯檔案。熱重載、CSB服務工作人員和msw有時會遇到問題，無法進入正確的頁面--當發生這種情況時，請在CSB瀏覽器窗格中重新整理。
廚房水槽
React樂觀更新
在以下範例中，您會注意到幾件事。側邊欄上有兩個 Posts 清單。最上面的清單只會在變異成功並與伺服器重新同步後更新。已訂閱的清單會立即更新，因為有樂觀更新。如果發生錯誤，您會看到它被還原。
資訊
範例有一些故意古怪的行為...在編輯貼文名稱時，您很有可能會得到一個隨機錯誤。
React 與 GraphQL
驗證
有幾種方法可以使用 RTK Query 處理驗證。這是從登入變異中取得 JWT，然後將其設定在我們的儲存區中的非常基本的範例。然後我們使用 prepareHeaders 將驗證標頭注入到每個後續請求中。
發送動作以設定使用者狀態
此範例會發送 setCredentials 動作來儲存使用者和權杖資訊。
使用 extraReducers
此範例在 authSlice 中使用來自端點和 extraReducers 的比對器。
React 類別元件
查看 PostDetail 元件以取得類別元件使用範例。