1
resposta

[Dúvida] Dúvida trecho do código

Professor,

Boa tarde,

Estou com uma dúvida referente a esta linha:

import { useState } from 'react';
import Banner from './componentes/Banner/banner';
import Formulario from './componentes/Formulario/Formulario';

function App() {

  const [colaboradores, setColaboradores] = useState([])

  const aoNovoColaboradorAdicionado = (colaborador) => {
    console.log(colaborador)
    setColaboradores([...colaboradores, colaborador])
  }

  return (
    <div className="App">
      <Banner />
      <Formulario aoColaboradorCadastrado={colaborador => aoNovoColaboradorAdicionado(colaborador)}/> 
    </div>
  );
}

export default App;

mais expressamente esta linha:

 <Formulario aoColaboradorCadastrado={colaborador => aoNovoColaboradorAdicionado(colaborador)}/> 

Neste caso o "colaborador" é o OBJETO recebido do Formulario.js, a após isso este OBJETO é passado como argumento para a função "aoNovoColaboradorAdicionado" ?

Seria isto que este trecho de código estaria fazendo?

Obrigado

1 resposta

Olá, Fabio! Tudo bem?

Você está correto!

A função aoNovoColaboradorAdicionado() está sendo passada como props para o componente <Formulario /> com o nome de aoColaboradorCadastrado. Lá no componente <Formulario /> essa props é recebida no argumento da função e é chamada dentro da função aoSalvar() recebendo como parâmetro um objeto com as informações recebidas do formulário.

Esse objeto com as informações do formulário são passadas para a função aoNovoColaboradorAdicionado() no componente <App/> e lá será mostrado em um console.log(). Legal, não é?

Abração!