
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Reactのコーディング時に使う基本的な技術 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Reactのコーディング時に使う基本的な技術 - Qiita
import { useState } from "react"; export default function Home() { const [data, setData] = useSta... 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ノードへの参照を保持することができ、 フォームで入力された値を取得する際などに活用できる。 サンプル