1
resposta

Como exibir os dados preenchidos em formulário que está em outra rota no React ?

Minha aplicação react tem duas páginas, a principal e a página 'cadastrar novo vídeo'.

Gostaria de saber como posso fazer a requisição POST dos dados preenchidos pelo usuário no formulário da aba "novo vídeo", adicionar esses dados no db.json ( que já contém uma lista de vídeos ) e usar os dados inseridos para criar os cards de cada vídeo (inclusive o novo vídeo adicionado)

Grato desde já.

1 resposta

Você basicamente precisa:

  1. Formulário de Cadastro de Vídeo: Crie um formulário com campos para título, descrição e URL da imagem do novo vídeo.

  2. Estado Local: Utilize useState para armazenar os dados do formulário enquanto o usuário os preenche.

  3. Envio dos Dados: Ao enviar o formulário, capture os dados do estado local e envie-os para o servidor usando fetch ou axios em uma requisição POST para adicionar o novo vídeo ao db.json.

  4. Atualização da Lista de Vídeos: Após o sucesso da requisição POST, atualize a lista de vídeos na sua aplicação React para incluir o novo vídeo adicionado.

  5. Renderização dos Vídeos: Use os dados atualizados para renderizar os cards de vídeo na página principal da sua aplicação.

Isso resume os passos principais necessários para realizar o que você está procurando.