1. ホーム
  2. reactjs

[解決済み】react hooksで`setState`コールバックを使用する方法

2022-04-02 06:19:57

質問

Reactフックの紹介 useState コンポーネントの状態を設定するためのものです。しかし、以下のコードのようにコールバックを置き換えるためにフックを使用するにはどうすればよいのでしょうか?

setState(
  { name: "Michael" },
  () => console.log(this.state)
);

状態が更新された後に何かしたいのですが。

を使うことができるのは知っています。 useEffect しかし、私は状態の前の値をチェックする必要があり、それには少しコードが必要です。私は、以下のようなシンプルなソリューションを探しています。 useState フックを使用します。

どのように解決するのですか?

を使用する必要があります。 useEffect フックを使って実現します。

const [counter, setCounter] = useState(0);

const doSomething = () => {
  setCounter(123);
}

useEffect(() => {
   console.log('Do something after counter has changed', counter);
}, [counter]);