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

[関連トピックの推奨事項: 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 props

と

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 を渡すために使用されます

#11.createElement と cloneElement の違いは何ですか

• ##プログラミング関連のコンテンツの詳細については、php 中国語 Web サイトにご注意ください

プログラミング入門

コラム！

以上が面接の基本的な質問に答える (共有)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。