【React】ソートした更新データでuseStateの並び替えが反映されない場合の対処法

useStateで配列を操作している際、配列の順番を整理して再配置しようと思ったところ、順序の更新が反映されませんでした。

反映されないコード

setList(newList);

反映されるコード

setList((list) => newList);

useStateは非同期でデータの更新を担保するものではないらしく、関数型にすることで更新が反映されるようになります。

まとめ

関数型で置く方法もあるんですね。

参考

useState is not updating inside array.map(). ReactJS