[自分用]Next.jsのuse〜の初期値 - Qiita

export function Home(){ const [text , setText] = useState(""); return ( <input type="text" value={text} onChange={e => { setText(e.target.value); }}/> ); } valueのpropsを使うときは onChange inputに何かしらのテキストを打ったときにテキストが変更されるが、その時のイベントを取得することができる。 もしonChangeがない場合は、setTextで{text}を変えていないので、inputの中身が初期値のままになる。 ※「set〜関数」を使って変数を変更しないと再レンダリングされないので気をつけよう！ ↓ 逆にいうと、onChangeを使うと文字を入力したり、消したりするたびに再レンダリングされているのだ。 少しアレ