1. useStateフック
// ReactからuseStateをインポートする React をインポートし、{useState} を 'react' から取得します。 関数Count() { //count という新しい状態変数を宣言します。const [count, setCount] = useState(0); 2. useRefフック
次のように、ユーザー入力を refs に保存し、収集したデータを表示することもできます。 //useRefフックをインポートする Reactをインポートし、{useRef}を"react"から取得します。 デフォルト関数App()をエクスポートする{ //参照を格納する変数を作成します。const nameRef = useRef(); 関数handleSubmit(e) { //送信時にページが再読み込みされないようにする e.preventDefault() // 出力名 console.log(名前参照.現在の値) } 戻る ( <div className="コンテナ"> <フォームonSubmit={handleSubmit}> <div クラス名="input_group"> <label>名前</label> <input type="text" ref={nameRef}/> </div> <入力タイプ="送信"/> </フォーム> </div> ) } 3. useRef と useState
4. RefとStatesを使用するタイミング
まとめると、これら 2 つの 以下もご興味があるかもしれません:
|
<<: グリーンスタイルのウェブデザイン作品18点の最新コレクション
>>: CSS グリッドレイアウトを使用してレスポンシブな縦棒グラフを作成する方法
まず、404 とソフト 404 とは何でしょうか? 404: 簡単に言えば、ユーザーが存在しないペー...
目次1. JavaScriptの基礎2. 基本的なJavaScript構文3. JavaScript...
1. MySQLをインストールする(1)ダウンロードしたMySQLの圧縮ファイルをMySQLをインス...
1. Docker コンテナのホスト マシンに入り、指定されたイメージを実行しているコンテナ ID ...
この記事では、mysql5.7.23 の詳細なインストールプロセスを記録し、皆さんと共有します。 1...
1. コマンドの紹介contab (cron テーブル) コマンドは、Windows のスケジュール...
MySQL ストアド プロシージャは、確かに、非常にまれな使用シナリオのように見えます。この問題は、...
導入Linux は、ファイル、ログ、電子メール、バックアップなどを自動的に生成できるシステムです。ハ...
ポーリングアルゴリズムの紹介多くの人が職場で nginx を使用しており、その設定に精通しています。...
目次1. はじめに2. バックアップとリカバリの簡単な定義3. 復旧計画で考慮すべきいくつかの要素4...
目次1. データベースのマスター/スレーブ分類: 2. MySQL マスタースレーブの紹介3. マス...
背景画像でも、ページ上のテキストサイズでも、1 ピクセルの違いは非常に明白です。そして、私は学生時代...
目次1. JavaScriptの問題2. TypeScriptの利点3. TypeScriptの欠点...
プロジェクトシナリオ: Vueプロジェクトを実行したらインデントエラーが出ました。ideaコンパイラ...
フォーラムで、ネットユーザーの jeanjean20 が、Marquee を標準に適合させる方法につ...