問題タブ [rtk-query]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
772 参照

reactjs - REDUX/RTK クエリを使用してアイテムを削除した後にページを更新する方法は?

このようにRTKクエリを使用してAPIからデータを取得しています

そして、このようにテーブルからコインを削除しています

私のフロントエンドコンポーネントでは、dispatch(deleteCoin(id)); を呼び出しています。

私のデータベースでは削除されていますが、コンポーネントは更新されないため、手動でページを更新しない限りコインは UI にまだ存在するため、削除機能は機能しています。

RTK クエリからグローバル データにアクセスしようとしましたが、正常にアクセスできませんでした。useEffect を使用して、依存データを

const { data, isFetching } = useGetCoinsQuery();

しかし、それでも私のコンポーネントをリロードしていませんか? 他にどのようにコンポーネントをリロードできますか? RTK クエリを使用するのはこれが初めてなので、そのデータに実際にアクセスする方法と、API サーバーでデータの変更をリッスンする方法がわかりません。ありがとう

0 投票する
0 に答える
83 参照

javascript - RTK クエリを使用してクエリとミューテーションのグローバル isFetching ステータスを取得する方法

クエリは isFetching のようなステータス返します。これはクエリ レベルです。

しかし、大量のクエリがあり、そのうちの 1 つがisFetchingであるかどうかを監視して、たとえばグローバルな読み込みインジケーターを表示したい場合。

だから今、私は次のようなものが欲しい: https://react-query.tanstack.com/guides/background-fetching-indicators#displaying-global-background-fetching-loading-state

RTK Queryを使用してクエリがフェッチされている (バックグラウンドを含む)ときに、グローバル読み込みインジケーターを作成するにはどうすればよいですか?