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

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

coldplay.xixi
coldplay.xixiオリジナル
2020-11-17 13:57:562266ブラウズ

react における props と state の違い: 1. Props は主にコンポーネント間でパラメータを転送し、コンポーネントの属性値を取得するために使用されます。外部コンポーネントの属性値は取得できません。直接変更され、読み取り専用です; 2. 状態は主にコンポーネントの更新制御に使用され、コンポーネントを再レンダリングまたは更新したい場合は、状態を変更するだけで済みます。

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

#react における props と state の違い:

#props<strong></strong>

は主にコンポーネント間でパラメータを渡し、コンポーネントの属性値を取得するために使用されます。データはコンポーネント間を親コンポーネントから子コンポーネントへ一方向に流れます。

外部/親コンポーネントのプロパティ値は読み取り専用なので、直接変更できません。

state<strong></strong>

は主にコンポーネントの更新制御に使用されます。コンポーネントを再レンダリングまたは更新したい場合は、変更するだけで済みます。状態を確認し、特定の Modified 状態に従って、ユーザー インターフェイスを (DOM オブジェクトを操作せずに) 再レンダリングします。

このコンポーネントのデータは、比較的閉じられたデータです。ユニット/構造

LikeButtonコンポーネントを作成しました。

getInitialState

メソッドを使用して、オブジェクトである初期状態を定義します。この状態は、 this メソッドを通じて読み取ることができます。 .state プロパティ。ユーザーがコンポーネントをクリックして状態を変更すると、

this.setState メソッドによって状態値が変更されます。各変更後、レンダリングのために this.render メソッドが自動的に呼び出されます。コンポーネントをもう一度 関連する無料学習の推奨事項:

JavaScript
(ビデオ)

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

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