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!