React (インターフェイスと同期) で状態値をすばやく取得してレンダリングする方法、状態値の取得とレンダリングを遅らせる方法は?

1. ほとんどのシナリオでは、状態値が変更され、ページがすぐに更新されてレンダリングされることが期待されますが、どうすればよいでしょうか?
回答: 1) 状態値を設定するときに関数を通じて戻る
ここに画像の説明を挿入
2) useRef を通じてキャッシュを実現する

 const filepath_=useRef<any>()
 filepath_.current=data
 //这种方式比setState快
 console.log("文件夹路径",filepath_);

2. 状況によっては、ステータス値 A の取得を遅らせることが望ましい場合があります。たとえば、応答レンダリングが遅い API がある場合、API の実行によりステータス値が判定された場合に API が値を返さない可能性があります。早すぎる (たとえば、openlayers マップ要素が多すぎるため、レンダリングが遅すぎ、状態値の取得よりも遅い)。
解決策: 1) タイマーを設定します (非推奨)
2) nextTick にステータス値を設定し、nextTick で論理判定実行関数を呼び出します。
3) 次に、非同期関数(バックエンドインターフェース関数)で論理判定実行関数を呼び出します。

おすすめ

転載: blog.csdn.net/qq_37967853/article/details/129443625