Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Passando Função como Props

Boa noite. Na aula: Problemas com o SwitchCase, ja no seu final é refatorado o código e colocado em um array, aproximadamente 6:29. Em que momento é excutada a função proximo() ?

não consegui entender a sequência de execução, quando o (componente) FormularioCadastro e renderizado..

Pode ser mais Claro, por favor!?

1 resposta
solução!

Opa, tudo certo?

a função proximo está sendo enviado para o <DadosUsuario /> e para o <DadosPessoais />, e é executada dentro deles, assim que é clicado no botão cadastrar !

aqui o pedaço que executa a função proximo no DadosUsuario:

<form
      onSubmit={(event) => {
        event.preventDefault();
        if (possoEnviar()) {
          aoEnviar({ email, senha });
        }
      }}
    >

e aqui o pedaço que executa a função proximo no DadosPessoais:

<form
      onSubmit={(event) => {
        event.preventDefault();
        if (possoEnviar()) {
          aoEnviar({ nome, sobrenome, cpf, novidades, promocoes });
        }
      }}
    >

nos 2 casos a função chamada é o aoEnviar mas não se engane! a função aoEnviar na verdade é o nome que foi dado a passar a função proximo via props! por isso ela está com este nome, aqui onde isto é feito:

<DadosUsuario aoEnviar={proximo} />,
<DadosPessoais aoEnviar={proximo} validarCPF={validarCPF} />

Caso isto não solucione sua dúvida fique a vontade para continuar este tópico ou criar outro!

Bons estudos!