useState
hooks (React)
フック API リファレンス – React
setState 関数は state を更新するために使用します。新しい state の値を受け取り、コンポーネントの再レンダーをスケジューリングします。
setStateをすると再レンダーされるので、こんなコンポーネントを作ると無限ループする
code:js
const Foo = () :React.FC => {
const isTest, setTest = useState(false);
setTest(true);
}
1. コンポーネントがレンダリングされる
2. setTestがよばれたので再レンダーがスケジューリングされる
3. 1に戻る
裏舞台
setStateはどうやって何をすべきか判断するの? — Overreacted