アプリケーションのステータスの追跡は、シングルページアプリケーション(SAP)が変更をログに記録し、ユーザーに報告する方法です。テンプレートフレームワーク、ビュー、コントローラー(MVC)とは異なり、SAPはユーザーをリダイレクトしないため、クライアント側で今後の変更を管理する方法が必要です。 MVCフレームワークを確認するには、この
Reactでは、コンポーネント自体が独自の状態を処理し、それに応じて再生成できます。これは、ここで詳細に説明されているライフサイクルメソッドを介して行われます。この記事では、setStateを使用して状態を変更する方法を見ていきます。
このガイドは、Reactの基本的な知識があることを前提としています。 Reactの基本を確認または学習するために、この記事では
ReactsetStateとは何ですか?
React setStateメソッドは、コンポーネントの状態を安定して変更するようなものです。 Reactでステータスを変更するための特定のルールがいくつかあります。
- setStateをクラスコンポーネントで呼び出すことはできません。クラスのコンポーネントは、コンストラクター()メソッド
Reactには、2つの異なるタイプのコンポーネントがあります。機能コンポーネントとクラスコンポーネントです。私たちの目的のために、私たちはクラスのコンポーネントと話しているだけです。機能コンポーネントとクラスコンポーネントの違いに関するこの記事の詳細については、
- でsetStateを呼び出すだけです。クラスコンポーネントの場合、 thisキーワードを使用してコンポーネント自体を直接参照できます。
this.setState()
を呼び出すことがベストプラクティスであり、コードが破損しないようにします。
- ステータスを直接変更しないでください。直接の状態変化は、ReacttoSpawningには記録されません。状態変化の全体的なポイントは、ユーザーに加えられた変更を反映するために、そのコンポーネントの新しい解釈をトリガーすることです。