O Componente React Form é utilizado para criar ou editar informações de um usuário.
Ele utiliza várias bibliotecas, incluindo:
- axios: Para fazer requisições HTTP.
- react-toastify: Para exibir notificações.
- styled-components: Para estilização.
- useRef e useEffect do React: Para manipulação de referências e efeitos colaterais.
- axios: Biblioteca para fazer requisições HTTP.
- React, useEffect, useRef: Importações do React para criar componentes e hooks.
- styled-components: Biblioteca para estilização de componentes.
- toast: Função para exibir notificações.
- FormContainer: Estiliza o formulário principal.
- InputArea: Estiliza a área de cada campo de entrada.
- Input: Estiliza os campos de entrada.
- Label: Estiliza os rótulos dos campos.
- Button: Estiliza o botão de submissão.
- useRef: Cria uma referência para o formulário.
- useEffect: Atualiza os campos do formulário se
onEditestiver definido.
A função handleSubmit lida com a submissão do formulário. Suas responsabilidades incluem:
- Verificar se todos os campos estão preenchidos.
- Fazer uma requisição HTTP (PUT ou POST) dependendo se
onEditestá definido. - Limpar os campos do formulário após a submissão.
O formulário contém os seguintes campos de entrada:
- Nome
- Telefone
- Data de contratação
- Cargo
- Gerente
- Salário
- Botão de submissão
Este componente é utilizado para criar ou editar informações de um usuário, enviando os dados para um servidor backend e exibindo notificações de sucesso ou erro.
O componente Grid é um componente React que exibe uma tabela de usuários com funcionalidades de edição e exclusão. Ele utiliza bibliotecas como:
- axios para requisições HTTP
- styled-components para estilização
- react-icons para ícones
- react-toastify para notificações
O componente utiliza styled-components para definir os estilos da tabela e seus elementos.
Função que define o item a ser editado.
Função assíncrona que exclui um usuário da lista e atualiza o estado.
O componente renderiza uma tabela com os dados dos usuários e ícones para editar e excluir.
O componente é exportado como padrão.