Reactフックの基本、useStateフック

で 、この話、我々はすべて網羅しようとしている基本はおよそフックを反応させると、ビルトインと呼ばれるフック反応について学ぶuseStateを（）。

前提条件—

HTML、Javascript、 Reactとは何か、そしてそれがどのように機能するかを知っておく必要があります。

そして、あなたがこれらの前提条件を満たしているなら、あなたは行ってもいいです。

Reactフックとは何ですか？

• フックがで導入された反応16.8を反応させます。
• Reactフックは基本的に、Webアプリの状態を処理できる関数であり、クラスを記述せずにcomponenDidMount（）、componenDidUpdate（）などの他のReact機能を簡単に操作できます。
• Reactフックは、クラス定義のコンポーネントではなく、機能コンポーネントでのみ使用できます。
• 簡単に言うと、Reactフックは、機能コンポーネントからReactの状態とライフサイクル機能に「フック」できる関数として定義できます。
• 組み込みのReactフックには多くの種類があります—

1. useState（）
2. useEffect（）
3. useContext（）

1. useReducer（）
2. useRef（）
3. useCallback（）
4. useMemo（）

useStateとは何ですか？

• useStateは、最も一般的で最も使用されているReactフックの1つです。
• useStateは、特定のコンポーネントの状態管理フックとして使用されます。
• useStateフックは、コンポーネントの状態を処理するために使用されます。
• useStateを使用すると、状態変数を簡単かつ便利に作成および処理 できます。
• useStateでは、状態変数の初期状態を設定し、useState定義関数を使用して、その状態変数の状態を初期状態から現在の状態に変更します。
• useStateは、クラスベースのコンポーネントではなく、機能コンポーネントでのみ使用できます。
• useStateは、Reactクラスベースのコンポーネントthis.stateと同じです。this.setState
• 心配しないでください。状態とuseStateを正しく理解していなくても、コード例で理解すれば、頭の中で完全に明確になります。

このセクションでは、useStateフックを使用して簡単なカウンターを作成し、useStateがどのように機能し、いつ使用するかを簡単に理解できるようにします。

• コード—
• コードの説明—
• このコードの行では、useStateからフックをインポートしてい‘react’ます。
• その後App、App.jsファイルで呼び出される機能コンポーネントを作成します。
• その機能コンポーネントで、と呼ばれる状態変数とcount と呼ばれるuseState関数を作成しますsetCount。
• で6日、このコードの行我々は状態変数が呼ば作っているにuseStateフックを使用しているcount と我々はと呼ばれる関数を作成したことのカウントの状態を変更しますsetCount。
• ここでは、useState(0)0のcount 状態の初期状態のvaribaleが示されています。したがって、最初はAppコンポーネントがロードcount されると、状態変数の値は0になります。そして、setCountこのメソッドを使用して、count 状態変数の値を変更できます。
• これで、（decrement-）ボタンをクリックするたびにdecreament状態変数count 値を1ずつデクリメントするというメソッドが作成されました。基本的に、このメソッドが行うことは、変数の状態をusingメソッドに設定することです。countcount-1setCount
• これで、（インクリメント+）ボタンをクリックするたびにincreament状態変数count 値を1ずつインクリメントするというメソッドが作成されました。基本的に、このメソッドが行うことは、変数の状態をusingメソッドに設定することです。countcount+1setCount
• return このコードのセクションでは自明であり、（インクリメント+） ボタンではイベントでincreament メソッドを渡しonClick 、（デクリメント-）ボタンではdecreamentメソッドを渡しました。

結論

したがって、この記事では、Reactフックの基本と、useStateフックとは何か、どのように機能し、どのように実装するかについて説明しました。

皆さんが読書と学習を楽しんでいることを願っています。

この記事が気に入ったら、拍手を残して他の人と共有して、他の人もそれから学ぶことができるようにしてください。