Heim > Artikel > Web-Frontend > Was ist der Unterschied zwischen Props und State in React?
Der Unterschied zwischen Requisiten und Status in React: 1. Requisiten werden hauptsächlich zum Übertragen von Parametern zwischen Komponenten und zum Abrufen der Attributwerte von Komponenten verwendet. Die Attributwerte externer Komponenten können nicht direkt geändert werden ist schreibgeschützt; 2. Der Status wird hauptsächlich zur Steuerung der Komponentenaktualisierung verwendet. Wenn Sie die Komponente erneut rendern oder aktualisieren möchten, müssen Sie nur den Status ändern.
Der Unterschied zwischen Props und State in React:
<code><strong>props</strong>
主要是用于组件之间传递参数,获取组件的属性值。 组件之间数据单向流动 ,从父组件流向子组件。
对于外界/父组件的属性值,无法直接修改,它是只读的。
<strong>state</strong>
主要用于组件更新控制,如果想重新渲染或更新组件,只需要修改state即可,然后根据具体修改的state,
重新渲染用户界面(无需操作DOM对象);
本组件内的数据 相对封闭的单元/结构的数据
例如
创建了 LikeButton 组件,getInitialState
方法用于定义初始状态,也就是一个对象,这个对象可以通过 this.state 属性读取。当用户点击组件,导致状态变化,this.setState
方法就修改状态值, 每次修改以后,自动调用 this.render
props
wird hauptsächlich verwendet, um Parameter zwischen Komponenten zu übergeben und die Attributwerte der zu erhalten Komponenten. Daten fließen zwischen Komponenten in eine Richtung, von der übergeordneten Komponente zur untergeordneten Komponente. Der Attributwert der externen/übergeordneten Komponente kann nicht direkt geändert werden, er ist schreibgeschützt.
🎜state🎜
🎜🎜 wird hauptsächlich zur Komponentenaktualisierungssteuerung verwendet. Wenn Sie eine Komponente neu rendern oder aktualisieren möchten, müssen Sie nur den Status ändern und dann die Benutzeroberfläche neu rendern entsprechend dem spezifischen geänderten Zustand (Es ist nicht erforderlich, DOM-Objekte zu bedienen). 🎜🎜Die Daten in dieser Komponente sind relativ geschlossene Einheits-/Strukturdaten. Mit der Methode code> wird der Anfangszustand definiert, bei dem es sich um ein Objekt handelt. Dieses Objekt kann über die Eigenschaft this.state gelesen werden. Wenn der Benutzer auf die Komponente klickt, wodurch sich der Status ändert, ändert die Methode this.setState
den Statuswert. Nach jeder Änderung wird die Methode this.render
automatisch aufgerufen um die Komponente erneut zu rendern🎜🎜🎜 Verwandte kostenlose Lernempfehlungen: 🎜JavaScript🎜(Video)🎜🎜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!