面接の基本的な質問に答える (共有)-jsチュートリアル-php.cn

面接の基本的な質問に答える (共有)

[関連トピックの推奨事項:React のインタビューでの質問(2020)]

1. React におけるキーの役割は何ですか？

key は、リスト内の要素がmodified、deleted、またはadded# されたかどうかを追跡するために React で使用されます。 # # の補助識別子。diff アルゴリズムでは、キーを使用して要素ノードが移動されたか、新しく作成された要素かを判断し、不要な要素重複レンダリング ## を削減します。＃。2. React でコンポーネントを構築するにはどのような方法がありますか?

違いは何ですか?

面接の基本的な質問に答える (共有)

関数コンポーネントは、戻り値が DOM 構造である単なる関数に見えますが、実はその背後にはステートレスコンポーネントという考え方があります。

関数コンポーネントでは、State を使用することも、コンポーネントのライフサイクルメソッドを使用することもできません。これにより、関数コンポーネントはすべて表示コンポーネントであり、Props を受け取り、DOM をレンダリングし、他のロジックには注意を払わないことが決まります

関数コンポーネントに this はありません
関数コンポーネントの方が理解しやすいです。関数コンポーネントを見ると、その関数がプロパティを受け取ってページをレンダリングするだけであることがわかります。UI とは関係のない論理処理は実行されず、単なる純粋な関数です。返される DOM 構造がどれほど複雑であっても、
3. setState を呼び出した後はどうなりますか?

#4. React diff の原則

#レベルに従ってツリー構造を分解し、同じレベルの要素のみを比較します面接の基本的な質問に答える (共有)

リストへ構造の各ユニットは、比較を容易にするために一意のキー属性を追加します

React は同じクラスのコンポーネントのみに一致します (ここでのクラスはコンポーネントの名前を指します)

選択的なサブツリーのレンダリング。開発者は、diff パフォーマンスを向上させるために shouldComponentUpdate をオーバーライドできます。
5. setState に渡すパラメータをオブジェクトではなくコールバックにすることが推奨される理由
because

と

this.state

の更新は

非同期
である可能性があり、それらの値は次の状態の計算に依存できません6. このバインディングについて?

7.setState の第 2 パラメータの役割

この関数は、setState 関数の呼び出しが完了し、コンポーネントが開始されるときに呼び出されます。を再レンダリングするには、この関数を使用してレンダリングが完了したかどうかを監視できます面接の基本的な質問に答える (共有)

8. (コンストラクター内) super(props)

# を呼び出す目的は何ですか? ##In super() サブクラスは呼び出される前にこれを使用できません。ES5 では、サブクラスはコンストラクターで super() を呼び出す必要があります。 props を super() に渡す理由は、
constructor で
this.props

9.flux にアクセスするというアイデアを (サブクラスで) 容易にするためです。
そしてプロセスは?Flux の最大の特徴は、データの「一方通行」です。
プロセス:

ユーザーアクセス

view

viewユーザーのアクション
ディスパッチャーを送信します。
actionを受信し、対応する更新を行うためにstoreを要求します。
store更新後、changeイベントを送信しますview
changeイベントを受信したら、ページを更新します。
10. React の要素とコンポーネントの違いは何ですか?#createElement 関数は、JSX コンパイル後に React Element を作成するために使用される関数です。cloneElement は、要素をコピーして新しい Props を渡すために使用されます