Warum brauchen wir Container-Komponente in react-redux

Question

Ich verstehe, warum wir Datenlogik von Komponente in woanders extrahieren wollen, aber warum müssen wir diese Logik in eine Container-Komponente, anstatt ein Controller-ähnliches Javascript-Objekt welches mit der Komponente verbunden ist. Dieses Objekt wird den Speicher abonnieren und die Ansicht zwingen, sich selbst zu aktualisieren, wenn sich Daten ändern. Auf diese Weise muss es nicht Teil der Ansichtsstruktur sein und nur Daten verarbeiten.

Danke für Hilfe.

Answer 1

In Redux ersetzt connect die Notwendigkeit, eine explizit separate Containerkomponente zu verwenden. Im Wesentlichen haben Sie also völlig Recht, Sie müssen nicht buchstäblich eine andere Komponente erstellen, die nur die dumme Komponente darstellt.

Ich erstelle eine dumme Komponente und dann habe ich eine separate Datei, wo ich connect die Komponente, aber es gibt keine JSX oder separate Komponente in dieser Datei.

const DumbComponent = (props) => <div>{props.name}</div>; 

const ContainerComponent = connect(mapStateToProps)(DumbComponent);