Reactのコーディング時に使う基本的な技術 - Qiita

import { useState } from "react"; export default function Home() { const [data, setData] = useState(0); return <button onClick={() => setData(data + 1)}>{data}</button>; } 解説 useStateは[変数, セッター関数]といった二つの戻り値を取る。 dataには初期値0が入り、dataの値変更と同時に再描画したい場合はsetData関数を使う。 setData関数に引数を渡してコールすると、Test()関数が再度呼ばれ、 その際dataにはsetData関数をコールした際の引数がセットされる。 useRef 概要 DOMノードへの参照を保持することができ、 フォームで入力された値を取得する際などに活用できる。 サンプル