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

1. 属性

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

2a55209d8c85f0d89a7279657f4d88e7

49df62249afd1b5109cb1b754f02b01d

51618f8d0443b98689fc62e614159f60

eeb0256660d29d8f9799df27556f1081//配列

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 つ目は、簡単なデモです。りー