PUROGU LADESU

ポエムがメインのブログです。

React 状態管理

state

  • 基本
    Props:コンポーネントに値を渡すためのもの。読み取り専用で変更不可
    State:状態管理のためのもの。変更可能。フォームの入力など。

  • 使い方
    関数コンポーネントではthisではなくuseStateを使う。
    useStateを使い、変数、更新関数、初期値を設定する

import { useState } from React
const [count, setCount] = useState(0)
親のstateを更新するメソッドを定義して子に渡す(ポイント)
<Child onUpdate={update}>
子のpropsから親のメソッドを呼んで、更新内容を渡す
props.onUpdate(1)