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 グリッドレイアウトを使用してレスポンシブな縦棒グラフを作成する方法
目次序文需要分析MySQL ユーザー変数累積計算にMysqlユーザー変数を使用する要約するこの記事で...
序文仕事では、毎週従業員が提出した資料を数える必要がありますが、それを一つずつコピーして貼り付けるの...
実際の使用では、ミニプログラムを友人や友人サークルと共有する必要があることが多く、通常は一度に 1 ...
目次マインドマップシンプルな理解インデックスモデルの進化二分探索木自己バランス型二分木BツリーB+ ...
目次1. 矢印関数の使用1. 通常関数から矢印関数へ2. 中括弧を省略してリターンする3. 括弧を省...
この記事の例では、画像のドラッグアンドドロップ機能を実現するためのVueの具体的なコードを参考までに...
序文MySQL には次の 4 種類の演算子があります。算術演算子比較演算子論理演算子ビット演算子これ...
要件: IIS 7、7.5、8.0、8.5、および ASP.NET で HTTP 応答ヘッダーを削除...
この記事では、シンプルなカルーセル効果を実現するためのjsの具体的なコードを参考までに紹介します。具...
成果を達成するまずHTMLを使って基本的なフレームワークを構築します <本文> <...
Docker は、開発者やシステム管理者がアプリケーションを軽量コンテナとして構築およびパッケージ化...
Linux に Scala 環境をインストールするのは非常に簡単です。Ubuntu 環境であれば、さ...
目次1. 優先キューの紹介2. 優先キューのカプセル化1. 優先キューの紹介通常のキューに要素が挿入...
MySQL バックアップコールドバックアップ:停止服務進行備份,即停止數據庫的寫入ホットバックアップ...
IE6 での CSS 背景画像のちらつきバグ (IE6 の背景画像キャッシュの問題) IE6 は、背...