Redux Daten zwischen den Zuständen teilen, Top-Level-Optionen

Question

Ich bin ein wenig verwirrt, wie man zwischen Zuständen in React-Komponenten mit Redux kommunizieren. Nach einigen Nachforschungen scheint Middleware die Antwort zu sein, aber ich hätte gerne eine Erklärung auf höchster Ebene, was meine Optionen sind.

Meine App ist ziemlich einfach, es ist ein Spiel: Der Charakter bewegt sich auf dem Brett, eine Aktion passiert, dann wird der Spielstand aktualisiert und eine Nachricht kann angezeigt werden.

Ich habe eine Zeichenkomponente, eine Scorebar-Komponente und eine Nachrichtenkomponente.

Der Teil, mit dem ich kämpfe ist, wie man die Scorebar (oder die Nachricht) zu aktualisieren, nach einem Ereignis aus dem Charakter erfordert die UI aktualisiert werden muss. Ich habe Reduzierungen funktioniert gut, aber sie sind auf den Zustand der Komponente beschränkt.

Natürlich kann ich alles in ein globales Zustandsobjekt ablegen, aber es fühlt sich an, als sollte es eine elegantere Möglichkeit geben, das abzuziehen. Was ist eine empfohlene Architektur für dieses Muster?

Answer 1

Wenn Sie redux für Ihre Komponentenzustände verwenden, sollten Sie combineReducers verwenden, um einen einzelnen Reduzierer aus Ihren mehreren Reduzierstücken zu bauen. Wenn dies der Fall ist, können Sie Aktionen an Ihr Geschäft senden, und diese werden an alle Reduzierungen weitergeleitet, damit Sie angemessen darauf reagieren können.