Entrar Ainda não tem acesso?
1
resposta

React Redux 2

Referente ao curso React parte 3: A arquitetura flux, implementação do Redux e server side rendering, no capítulo Integração entre React e Redux e atividade 2- Usando a função connect do React

por Marcelo Palma de Noronha
| 161.7k xp | 158 posts

Na transcrição:

"Utilizaremos a função connect(), que retornará uma outra função passando o componente no qual serão aplicadas as alterações, que se inscreverá automaticamente na store e já tenha implementado o shouldComponentUpdate."

Na parte:

"que retornará uma outra função passando o componente no qual serão aplicadas as alterações"

"Passando o componente no qual serão aplicadas as alterações"?

A função passa um componente?

"No qual serão aplicadas as alterações"

As alterações serão aplicadas a que componente?

1 resposta
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Marcelo, tudo bem? Vamos lá:

A função passa um componente?

A connect é uma função que recebe dois parâmetros, sendo eles:

  1. Uma função para mapear os valores da store para propriedades dos componentes.
  2. Uma função para mapear ações do Redux como propriedade dos componentes.

E ela retorna uma outra função, essa função de retorno recebe um componente como parâmetro.

No trecho:

connect(mapStateToProps, mapDispatchToProps)

Está sendo executada a função connect com dois parâmetros, agora:

connect(mapStateToProps, mapDispatchToProps)(Timeline)

Está sendo chamada função connect e logo em seguida está sendo chamada a função que connect retornou.

As alterações serão aplicadas a que componente?

Ao componente que você passou para o connect.

Espero ter ajudado.