ReactJavaScriptライブラリのState
について聞いたことがありますが、その使用方法がわかりませんか?状態とは、「すべてのオブジェクトがWebページに表示される方法」を指します。 「概念は単純です。これは、コンポーネントの現在の状態に関するデータのコレクションであり、記述されたデータを変更することで変更できます。データが変更されるたびに、コンピューター画面に再度表示されます。状態の最も難しい部分はいつどのように使用するかを知っています。ただし、このチュートリアルでは状態の使用方法について説明しているので心配しないでください。
概要を簡単に説明するために、this.stateを使用して初期状態を設定します。 JavaScriptコンストラクターの
。状態を更新するには、setStateメソッド
を使用します。このチュートリアルでは、状態と状態の使用方法について詳しく説明します。
React State?
React stateは、コンポーネントに指定された一連のプロパティを持つオブジェクトであり、これはコンポーネントのレンダリング方法に役立ちます。 state
を持つコンポーネントはステートフルと呼ばれます。通常、コンポーネントがメーカー間でそれに関する情報を追跡する必要がある場合に使用します。
例としては、数値を追跡する必要がある「いいね」ボタンコンポーネントがあります。クリックする回数。これは、ボタンが押されるたびに、更新されたいいねの数を表示するかのように画面に再表示されます。そのためには、コーディングした情報を何度も繰り返すのではなく、ボタンのようなコンポーネントが情報に従うようにする必要があります。結局のところ、これらの人々を見逃したくないのです。
コンポーネントの状態データには、 this.state
を介してアクセスし、.setState<を使用して編集できます。 /code>メソッド。状態は、状態を含むコンポーネントによって変更できないため、プライベートです
多くの人は、状態をアクセサリと混同します。これは、反応のもう1つのオブジェクトですが、重要な2つの違い。その1つは、状態が動的であるということです。つまり、状態に含まれるデータが変更され、コンポーネントの動作に影響を与える可能性があります。一方、小道具は不変です。つまり、「ビルド後に状態を変更することはできません。」