React 18 には、状態更新 (useDeferredValue と useTransition) の優先度を手動で制御するのに役立ついくつかのクールなフックがあり、これらのメソッドを使用すると、テーブルで発生したパフォーマンスの問題が修正されます。しかし、React 18 はまだ安定していません!
React 16 / 17でこれを処理する方法があるかどうか疑問に思っていますか? 行の更新に低優先度のタグを付けて、ユーザーの入力更新が常に中断され、行をレンダリングするテーブルよりも優先されるように調整ツールに指示する方法はありますか?
もう少しコンテキストについて説明すると、私の問題は、ページに検索ボックスとテーブルがあることです。テーブルの行に表示される最初のデータはフィルター処理されていませんが、ユーザーが検索ボックスに入力すると、バックエンドにクエリを実行し、フィルター処理されたデータのリストを取得します。そのデータが戻ってきたら、それをテーブルにレンダリングします。ユーザーが入力を 500 ミリ秒停止した場合にのみデータをフェッチするように、クエリでデバウンスを使用できます (実際に使用しています)。ただし、これは、ユーザーが 1 文字あたり 500 ミリ秒よりも速く入力している場合にのみ役立ち、呼び出しごとにデータを取得するユーザー エクスペリエンスに 500 ミリ秒が追加されます。もっと反応の良いものが欲しいです。
React 18 の更新により、私の問題は完全に解決されました。React 17 でこれを行う方法を探しています。