this.props Objekt in Redux

Question

Ich sehe dies source code dieser async Beispiel. Ich möchte das this.props Objekt kennen. Also füge ich Debugger in den Code ein und ich kann sehen, dass es so aussieht.

meine Frage, warum es diese Felder enthält? Dank

Answer 1

In Redux, die props vorbereitet und auf das Bauteil durch connect Funktion übergeben (connect documentation

Er akzeptiert Argumente.

verbinden ([mapStateToProps], [mapDispatchToProps], [mergeProps] [options])

mapStateToProps ist die Funktion zur Karte „Zustand aus dem Speicher“ auf die „Stützen von der Komponente verwendet.“

Diese Funktion übernimmt die state des redux Speichers als den Parameter, process/filtern sie und das Rück ein Objekt:

return { 
    selectedReddit, 
    posts, 
    isFetching, 
    lastUpdated 
    } 

, die an die Komponente übergeben wird.

Der verbleibende Wert dispatch standardmäßig eingespritzt wird:

[mapDispatchToProps (Versand, [ownProps]): dispatchProps] (Objekt oder Function): Wenn ein Objekt übergeben wird, ... Wenn Sie es weglassen , die Standardimplementierung injiziert nur den Versand in die Requisiten Ihrer Komponente.

Referenz: https://github.com/reactjs/react-redux/blob/master/docs/api.md#connectmapstatetoprops-mapdispatchtoprops-mergeprops-options

Die Funktion dispatch verwendet wird, um eine action (von einigen action creator zurückgegeben) zu versenden. dispatching Eine Aktion löst aus, dass Redux den Speicher neu bewertet, den Speicherwert an die reaktive DOM-Struktur von oben nach unten übergibt und die Komponenten bei Bedarf erneut rendert.

Referenz: http://redux.js.org/docs/api/Store.html#dispatch