Sto costruendo un'applicazione React + Redux, vengo al punto in cui sono considerando di utilizzare un contenitore in un altro contenitore. Mi chiedo se questo è un buon approccio, vale a dire. è una buona pratica o dovremmo seguire rigorosamente la regola del 1 contenitore con diversi componenti?reagire redux: composizione contenitori
risposta
Permettetemi di citare Dan Abramov's article sui componenti presentational- e Container:
Quando si nota che alcuni componenti non usano gli oggetti di scena che ricevono, ma semplicemente li inoltrano verso il basso e si deve ricablare tutti quei componenti intermedi ogni volta che i bambini hanno bisogno di più dati, è un buon momento per introdurre alcuni componenti del contenitore. In questo modo è possibile ottenere i dati e il comportamento puntato sui componenti foglia senza appesantire i componenti non correlati nel mezzo dell'albero.
... il che significa che è perfettamente necessario avere un componente contenitore all'interno di un altro componente contenitore se ne senti la necessità.
Non è facile trovare quale componente deve rimanere "stupido" e quale componente deve essere a conoscenza dell'applicazione e diventare un contenitore. Non penso che sia un problema/anti-pattern utilizzare un contenitore in un altro. Se una parte della tua applicazione viene utilizzata su pagine diverse può essere un contenitore, essere connesso e utilizzare in diverse pagine/contenitori, Basta essere consapevoli: questo "componente contenitore" sarà specifico per questa applicazione
- 1. Reagire Redux connect() con Redux thunk
- 2. Reagire nativo redux e ListView
- 3. Reagire, Redux, Reagire-Router - Bloccato a installazione di materiale-ui
- 4. Come strutturare i componenti/contenitori Redux
- 5. Come passare l'evento da Redux a Reagire?
- 6. Disaccoppiamento Componenti Reagire e Connessione Redux
- 7. Redux: l'organizzazione di contenitori, componenti, azioni e riduttori
- 8. Reagire componenti del ciclo di vita, stato e redux
- 9. impossibile impostare un valore predefinito in redux-form w. reagire
- 10. Reagire Redux chiave inaspettato passata per creare negozio
- 11. Passare oggetti di scena per reagire-redux componente container
- 12. Angularjs con redux
- 13. Non c'è bisogno di stato nei componenti React se si utilizza Redux e React-Redux?
- 14. Come raggiungere contenitori aggiuntivi tramite il nome host dopo la scala di composizione del docker?
- 15. Test unitario di applicazioni React/Redux
- 16. Docker-composizione e PDB
- 17. reagire codice router in file separati
- 18. Redux, Devo importare il negozio in tutti i miei contenitori se voglio avere accesso ai dati?
- 19. Impedisci al componente di reagire dal rendering due volte quando si utilizza Redux con componentWillMount
- 20. Mostra finestra di dialogo personalizzata setRouteLeaveHook o history.listenPrima di reagire-router/redux?
- 21. Reagire Nativo con redux: qual è un buon modo per archiviare-gestire gli stili dinamici?
- 22. Reagire Router Redux andare azione è mostrata nel LogMonitor, ma non cambia il percorso sul navigatore
- 23. CSS Triangoli in Reagire Native
- 24. Composizione regexp?
- 25. Composizione funzione
- 26. dati Redux strutturano
- 27. Reagire Native: Animazione quando smonta componenti
- 28. Contenitori Java EE vs Contenitori Web
- 29. Perché dobbiamo usare import "babel-polyfill"; nel reagire componenti?
- 30. Contenitori Azure
Perché hai bisogno di un contenitore all'interno un container? –
La domanda è semplicemente correlata a Encapsulation, che è un concetto di programmazione super importante. Sapere come usare i contenitori all'interno dei contenitori in Redux consente ai programmatori di scrivere applicazioni che si adattano e sono composte da componenti veramente riutilizzabili. Inoltre, questo è l'unico modo per capire come usare Redux senza setState() di React. –