Heim  >  Artikel  >  Web-Frontend  >  Was ist der Unterschied zwischen Props und State in React?

Was ist der Unterschied zwischen Props und State in React?

青灯夜游
青灯夜游Original
2020-11-12 17:05:143545Durchsuche

Unterschied: 1. Requisiten werden an die Komponente übergeben (ähnlich den formalen Parametern einer Funktion), während der Status von der Komponente selbst innerhalb der Komponente verwaltet wird (ähnlich einer innerhalb einer Funktion deklarierten Variablen); erlaubt Geändert, Zustand ist änderbar und kann geändert werden.

Was ist der Unterschied zwischen Props und State in React?

(Verwandte Empfehlung: React-Video-Tutorial)

Bei der Entwicklung von Reaktionskomponenten können die beiden am häufigsten verwendeten Faktoren, die das Rendern von Komponenten verursachen, Zustand und Requisiten sein. Was ist also der Unterschied zwischen ihnen?

props:

  • props: Die Requisiten der Funktionskomponente sind die Eingabeparameterkomponenten der Funktion
  • Klassenkomponente: this.props enthält die von der Komponente aufgerufenen oder definierten Requisiten

state:

  • Der Zustand Die in der Komponente enthaltenen Daten können jederzeit geändert werden.
  • state wird vom Benutzer definiert und ist ein gewöhnliches JavaScript-Objekt

Der Unterschied:

  • props werden an die Komponente übergeben (ähnlich den formalen Parametern einer Funktion), während state innerhalb der Komponente von verwaltet wird Komponente selbst (Ähnlich wie Variablen, die innerhalb einer Funktion deklariert werden)

  • Requisiten können nicht geändert werden, alle Reaktionskomponenten müssen ihre Requisiten wie reine Funktionen vor Änderungen schützen

  • Der Status wird in der Komponente erstellt. Im Allgemeinen wird der Status initialisiert im Konstruktor Der Zustand ist veränderbar und kann geändert werden. Jeder setState wird asynchron aktualisiert

  • Weitere Kenntnisse zum Programmieren finden Sie unter:
  • Programmier-Lernkurs
! !

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Props und State in React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn