React Hooks

useStateカウンター

useStateフックを使用した状態管理の基礎

基本的なカウンター

数値の状態管理とボタン操作

const [count, setCount] = useState(0);
setCount(count + 1); 
setCount(count - 1);

オブジェクト状態

オブジェクトのプロパティを個別に更新

名前

年齢

現在の状態:

{
  "name": "",
  "age": 0
}

setUser({ ...user, name: value });

配列状態

配列への追加と削除

setItems([...items, newItem]); 
setItems(items.filter((_, i) => i !== index));

Next Steps

次のステップ

useEffect フックでライフサイクル管理を学んでみましょう。