Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Perda da funcionalidade de cadastrar um item

Boa noite,

Sei que a funcionalidade de criar um item está funcionando corretamente, pois foi criado nas aulas do curso anterior a esse, porém, mesmo que a inserção do item funcione a nível de Estado (visualizando no redux tool kit), não será possível observar o item sendo adicionado visualmente na página, uma vez que seria necessário criar um método POST para efetuar a inserção no arquivo db.json via Axios. Pode ser que isso seja feito nas aulas posteriores, apenas gostaria de confirmar.

Obrigado.

Felipe D.R

2 respostas
solução!

Olá, estudante.

Você está absolutamente correto. No curso de React, quando usamos o Redux Thunk como middleware, estamos apenas manipulando o estado da aplicação e não estamos realmente persistindo os dados dos itens no arquivo db.json eles já estão fixados lá para serem buscados com o GET.

Não foi implementado nesse curso nem nas próximas aulas dele, o foco foi manipular o estado da aplicação middleware Redux Thunk.

No caso para persistir esses dados, você precisará de uma API ou de um servidor que possa receber uma solicitação HTTP POST, como o próprio Json-Server e então salvar esses dados. Neste caso, você mencionou o uso do Axios, que é uma excelente biblioteca para fazer solicitações HTTP.

Então, para adicionar um item visualmente na página, você precisará fazer algo como:

axios.post('/api/itens', item)
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

Neste exemplo, /api/itens seria o endpoint da sua API que aceita solicitações POST para adicionar um novo item. O segundo argumento para a função post é o item que você gostaria de adicionar.

Lembre-se, este é apenas um exemplo de como você pode fazer isso. O endpoint exato e a maneira como você estrutura o item dependerá de como sua API ou servidor está configurado.

Espero ter ajudado e bons estudos!

Bom dia

Obrigado Renan

Atenciosamente

Felipe D. R