ホームページ >ウェブフロントエンド >jsチュートリアル >React における props と state の違いは何ですか?

React における props と state の違いは何ですか?

青灯夜游
青灯夜游オリジナル
2020-11-12 17:05:143570ブラウズ

違い: 1. Props はコンポーネントに渡されます (関数の仮パラメーターと同様) が、状態はコンポーネント内のコンポーネント自体によって管理されます (関数内で宣言された変数と同様); 2 . 小道具は変更できませんが、状態は変更可能であり、修正することができます。

React における props と state の違いは何ですか?

(関連する推奨事項: React ビデオ チュートリアル )

React コンポーネントの開発では、最も一般的に使用します。コンポーネントのレンダリングを引き起こす 2 つの要素は、state と props です。では、それらの違いは何でしょうか?

props:

  • props: 関数コンポーネントのプロパティは、関数の入力パラメーター コンポーネントです。
  • クラス コンポーネント: this.props には、またはコンポーネントによって定義された

state:

  • コンポーネント内の状態には、いつでも変更される可能性のあるデータが含まれています。
  • state はユーザーによって定義され、通常の JavaScript オブジェクトです。

違い:

  • props はコンポーネントに渡されます (関数パラメータ)、状態はコンポーネント自体によってコンポーネント内で管理されます(関数内で宣言された変数と同様)

  • props は変更できません。すべての React コンポーネントは、props が変更されないように保護する必要があります。純粋な関数のように変更されます。

  • 状態はコンポーネントで作成され、通常はコンストラクターで初期化されます。

  • 状態は変更可能であり、変更することができます。各 setState は非同期で更新されます。

プログラミング関連の知識の詳細については、プログラミング学習コースをご覧ください。 !

以上がReact における props と state の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。