React useState 更新する
React hooksでuseStateを使うとき、set関数の中では最新のstateが取得できるとは限らないので動かない 動かない方法
code:jsx
const increment = () => {
setCount(count + 1);
};
変数を用意する
code:js
const increment = () => {
const newCount = count + 1;
setCount(newCount);
};
useCallbackを使う
code:jsx
const increment = useCallback(() => {
const newCount = count + 1;
setCount(newCount);
Functional Updates を使う
code:jsx
const increment = () => {
setCount((prevCount) => prevCount + 1);
};
useCallbackを使う
code:jsx
const increment = useCallback(() => {
setCount((prevCount) => prevCount + 1);
}, []); // depsに追加