Zenn
Open4

React hooks useStateについてまとめてみる

React Native
React
ankou22ankou22
import React, { useState } from 'react';

引数が初期値、返り値[0]がstate変数、[1]がstateを更新する為の関数

  const Component = props => {
    const [age, setAge] = useState(28);
    const [name, setName] = useState('wawawa');
    const [todos, setTodos] = useState(() => createTodos());
ankou22ankou22

set関数

set関数を呼び出しても、既に実行中のコードの現在の状態は変更されません。
次のuseStateレンダリングから始まる戻り値にのみ影響します。