2021-12-2

[React] 変更すると重い処理が走る状態の更新方法

Reactで状態とinputのvalueが同期していると不都合な状況がままある。よくあるのが状態が更新される際に重い処理が走るケース。グラフの描画等がそれに当たると思う。

そういうケースの際に自分は以下のように重い処理のstateとinputのstateを分けてしまい、重い処理があるstateに変化があった際にuseEffectで同期をとるようにしている。そのコードのメモ。