Please enable JavaScript.
Coggle requires JavaScript to display documents.
Cadastro - Coggle Diagram
Cadastro
No COMPONENTE RAIZ
1º)
Como atualizar o array?
Por meio uma função que chama o setEstado
O que a função retorna?
Retorna o array com o novo objeto adicionado
2º)
Passar função criada por props, para o componente que irá realizar o NOVO CADASTRO
No NEWELEMENT
3º)
Como adicionar o id?
Criar função que une os métodos e propriedades de um objeto com uma nova propriedade: o id
4º)
Como devolver esse objeto atualizado para o componente raiz?
Passar esse objeto atualizado como parâmetro para a função que foi chamada do props
5º)
O que colocar no return desse componente?
Chamar o componente ELEMENTFORM
O que passar por props para esse componente?
Passar por props essa função criada
No ELEMENTFORM
6º)
Criar quantos estados?
Criar um estado para cada propriedade / método
7º)
Criar quantas funções?
Criar uma função por propriedade do objeto que será adicionada
O que passar por parâmetro?
Passar o evento que no caso é clicar
O que ficará dentro da função?
Será chamado o método que define um novo estado para a variável que armazenará as novas propriedades de um objeto que será adicionado no array
O que o método do estado recebe por parâmetro?
Esse método recebe por parâmetro o event.target.value
Criar uma função para submeter o form do novo objeto criado
O que passar por parâmetro?
Passar o evento que no caso é clicar
O que ficará dentro da função?
event.preventDefault()
Um objeto que recebe as propriedades digitadas e armazenadas em estados
Esse objeto é passado por parâmetro para a função que foi recebida do props
Setar os valores dos estados para null, para que os campos sejam esvaziados depois de digitados
8º)
no return
criar form