Reagieren Sie auf grundlegende Interviewfragen (teilen)

[Empfehlungen zu verwandten Themen: React-Interviewfragen (2020)]

1 Die Rolle von Schlüsseln in React ist Was?

key ist das 追踪, das in React to 修改 verwendet wird, wobei die Listenelemente 删除, 被添加 oder 辅助标识 sind. In diff算法 wird der Schlüssel verwendet, um 判断ob der Elementknoten verschoben wurde oder ein neu erstelltes Element, wodurch das 不必要-Element 重复渲染 reduziert wird.

2. Welche Möglichkeiten gibt es, Komponenten in React zu erstellen?

Was ist der Unterschied?

• Funktionskomponente scheint nur eine Funktion zu sein, deren Rückgabewert eine DOM-Struktur ist. Tatsächlich steckt dahinter die Idee einer zustandslosen Komponente.
• In Funktionskomponenten können Sie weder State noch die Lebenszyklusmethode der Komponente verwenden. Dies bestimmt, dass Funktionskomponenten alle Präsentationskomponenten sind, die Requisiten empfangen und DOM rendern, ohne auf andere Logik zu achten
Dort Es gibt keine this
• -Funktionskomponente in der
• -Funktionskomponente, was einfacher zu verstehen ist. Wenn Sie eine Funktionskomponente sehen, wissen Sie, dass ihre Funktion lediglich darin besteht, Eigenschaften zu empfangen und die Seite darzustellen. Sie führt keine logische Verarbeitung durch, die nichts mit der Benutzeroberfläche zu tun hat. Unabhängig davon, wie komplex die zurückgegebene DOM-Struktur ist

3 Was passiert nach dem Aufruf von setState?

4. Reagieren Sie auf das Diff-Prinzip

• Zerlegen Sie die Baumstruktur hierarchisch und vergleichen Sie nur Elemente auf derselben Ebene
• die Liste Jede Einheit der Struktur fügt ein eindeutiges Schlüsselattribut hinzu, um den Vergleich zu erleichtern
• React stimmt nur mit Komponenten derselben Klasse überein (die Klasse bezieht sich hier auf den Namen der Komponente)
• Selektiver Unterbaum Rendern. Entwickler können ShouldComponentUpdate überschreiben, um die Diff-Leistung zu verbessern

5. Warum wird empfohlen, dass der an setState übergebene Parameter ein Callback statt eines Objekts ist

Weil this.props und @ Die Aktualisierung von &@ kann die von this.state sein, und auf ihre Werte kann man sich nicht verlassen, um den nächsten Zustand zu berechnen异步

6. Über diese Bindung?

7. Die Rolle des zweiten Parameters von setState

Diese Funktion wird aufgerufen, wenn der setState-Funktionsaufruf abgeschlossen ist und die Komponente startet Zum erneuten Rendern können wir diese Funktion verwenden, um zu überwachen, ob das Rendern abgeschlossen ist

8 (Im Konstruktor) Was ist der Zweck des Aufrufs von super(props)

@. &@In super() Unterklassen können dies nicht verwenden, bevor sie aufgerufen werden. In ES5 müssen Unterklassen super() im Konstruktor aufrufen. Der Grund für die Übergabe von Requisiten an super() besteht darin, (in Unterklassen) den Zugriff auf die Ideen und Prozesse von

constructorthis.props9.flux zu erleichtern?

@ Das größte Merkmal von &@ Fluss ist der „einseitige Fluss“ von Daten.

Der Benutzer besucht

流程： und sendet das
view
des Benutzers, um view zu empfangen, und fordert action auf, entsprechende Aktualisierungen vorzunehmen
dispatcherSenden Sie nach der Aktualisierung ein action-Ereignis. store
Aktualisieren Sie die Seite nach dem Empfang des store-Ereignisses. change
view10. Was ist der Unterschied zwischen Element und Komponente in React? Die Funktion change

createElement ist eine Funktion, die zum Erstellen eines React-Elements nach der JSX-Kompilierung verwendet wird.

cloneElement wird verwendet, um ein Element zu kopieren und neue Props

• @ & zu übergeben. @11.Was ist der Unterschied zwischen createElement und cloneElement

Weitere programmbezogene Inhalte finden Sie auf der chinesischen PHP-Website

Einführung in die Programmierung

Spalte!

Das obige ist der detaillierte Inhalt vonReagieren Sie auf grundlegende Interviewfragen (teilen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!