1
resposta

escutadorDeSubmit - parametro autor e spread operator

Oi.

Na transcrição:

"Em App.js, criaremos um método escutadorDeSubmit() que receberá a unidade autor e setará o estado do nosso componente utilizando o spread operator, adicionando a unidade autor que foi recebida."

E no código:

escutadorDeSubmit = autor => {
  this.setState({ autores:[...this.state.autores, autor]})
}

Como esse argumento é passado pro escutador de submit?

O que consta nesse argumento?

E finalmente..

Como funciona/o que acontece ao setar a 'autores' de 'state', o valor: "[...this.state.autores, autor]"

Depois de observar, por favor corrijame se eu estiver errado:

O 'escutadorDeSubmit' recebe um objeto literal na variavel 'autor' com 'nome', 'livro' e 'preco'.

O código:

 this.setState({ autores:[...this.state.autores, autor]})

Faz o seguinte:

Ele modifica o array de autores, com os que ele já tem e adiciona o autor que foi submetido no form.

Tá certa essa leitura?

Ainda não entendi como o 'escutadorDeSubmit' retorna um 'autor'.

Obrigado!

1 resposta

Boa noite, Marcelo! Como vai?

O seu raciocínio está correto em relação ao conteúdo do parâmetro autor e em relação ao trecho de código ao qual vc se referiu!

Por fim, sobre como o autor é passado para o método escutadorDeSubmit(), esse processo é mostrado nessa aula a partir de 0:45. E, aos 2:20 dessa mesma aula, o instrutor invoca o método escutadorDeSubmit() passando o estado do componente de formulário que armazena justamente os dados do autor preenchido nos campos.

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!