reactjs - tutorial - redux-thunk

¿Por qué usar "this.props.dispatch" en lugar de "store.dispatch" directamente en Redux?

Question

¿Hay algún detrimento en el uso directo de store.dispatch?

Me parece que es mucho más fácil llamar (ya que está disponible para todos los componentes secundarios) y en mis pruebas hasta ahora, todavía tengo que encontrar una diferencia.

¡Gracias!

Answer 1

En aplicaciones universales , querrá una instancia de tienda diferente en cada solicitud. Si acaba de exportar Store como Singleton desde algún módulo, tendrá dificultades para agregar la representación del servidor.

Esta es la razón por la que nunca alentamos a Singleton Store en los documentos, y siempre le recomendamos que use <Provider> para pasarla a la jerarquía a través del context React. Esto hace que la tienda esté disponible para los componentes consumidores sin que sea un singleton.

En cuanto a por qué connect() de React Redux pasa el dispatch como accesorio en lugar de store sí mismo, es porque realmente no necesita store en los componentes conectados. La suscripción y el estado de lectura se realizan mediante connect() por lo que solo necesitará dispatch() en los componentes.

Answer 2

Por lo general, encuentro que la tienda se inicializa en un módulo de nivel superior y luego se usa en módulos de nivel inferior mediante la función de conexión de react-redux .

Esto evita la necesidad de importar la tienda directamente en un módulo de nivel inferior, ya que se estaría importando desde el nivel superior.