Redux-Speicher-Versand führt zu setState error() in React

Question

Ich rufe einen Thunk von einer Komponente Render-Funktion. Es funktioniert gut, wenn beim ersten App-Laden die Komponente, die den Thunk aufruft, geladen wird. Wenn ich jedoch die Anwendung auf einem anderen Weg laden und dann auf den Weg des Übergangs, der die Komponente macht, die die Thunk aufruft, habe ich den folgenden Fehler:

Warning: setState(...): Cannot update during an existing state transition (such as within render or another component's constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved to componentWillMount .

Thunk Änderungen redux store Zustand, der nicht verwendet wird, durch jede Komponente in der App und wird nur innerhalb der Thunk über getState() verwendet, um einige bedingte Logik zu tun. Wenn ich den Versandaktions-Code vom Thunk entferne, verschwindet der Fehler.

Was fehlt mir?

Answer 1

Sie müssen nur die Grundregel beachten, sollten Sie nie ändern Ihren Zustand in der Render-Funktion Ihrer Komponente. Die gleiche Regel gilt für Ihren Komponentenstatus sowie für den Redux-Speicherstatus. Die Warnung, die Sie auf Ihrer Konsole sehen, ist auf die Aktion zurückzuführen, die Sie in Ihrem Rendering ausführen. Refactorieren Sie Ihren Code so, dass alle Versendungen und Statusänderungen in anderen Lebenszyklusmethoden stattfinden.