ホームページ > php教程 > PHP开发 > React のプロパティとステータスの概要に関する簡単な説明

React のプロパティとステータスの概要に関する簡単な説明

高洛峰
リリース: 2016-12-06 13:11:42
オリジナル
1401 人が閲覧しました

1. 属性

1. 最初の使用方法: キーと値のペア

//配列

2. 2 番目の方法: 3 つの点の展開されたオブジェクト フォーム

3 つの引用符を追加することは、2 つの属性 (1 つと 2 つ) を取得することと同じです

3. コンポーネントの更新プロパティを使用します。コンポーネントの設計原則に違反するため、コンポーネント内でプロパティを変更することはできません (できるだけ避けてください)

var props = {
 
one :”123”,
 
tow :321
 
 }
 
<ClassNameB {…props} />
ログイン後にコピー

2. ステータス: 物事のステータス。常に変化し、物事自体によって処理されます/プライベートなもの 属性

getInitialState: 各インスタンスの一意の状態を初期化します

setState: コンポーネントの状態を更新します

setState は diff アルゴリズムをトリガーします: 状態とページの結果の違い、更新する必要があるかどうかを判断します

3.ステータスと属性の比較

State と Properties はレンダリングの更新をトリガーし、すべて純粋な JS オブジェクトです。 Status: それ自体に関連しており、親コンポーネントや子コンポーネントの影響を受けません。 プロパティ: それ自体で変更することはできません。プロパティは親コンポーネントから取得できますが、親コンポーネントもそのプロパティを変更できます

根本的な違い: コンポーネントの実行中に変更および維持する必要があるのは状態です

4 つ目は、簡単なデモです。りー

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート