Estou utilizando o useEffect para fazer um get dos dados de uma tabela. O problema é que mesmo recebendo os dados da api os estados não são atualizados na primeira iteração fazendo com que eu tenha que fazer dois get na api toda vez que troco de pagina ou aplico um filtro. Há algo que possa fazer que faça com que os estados sejam atualizados na primeira iteração?
useEffect(() => {
async function getData(){
try {
const response = await axios.get(url, {
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': "Bearer " + localStorage.getItem('user_token')
}
});
console.log(response);
setNextPage(response.data.next);
setPrevPage(response.data.previous)
setPageResults(response.data.results);
setCount(response.data.count);
setMount(0);
console.log(pageResults);
} catch (error) {
console.log('Erro:', error);
}
}
getData();
}, [mount]);
Primeira iteração:
Segunda iteração:
useStates utilizados como pedido nos comentários abaixo:
const [url, setUrl] = useState(defaultUrl);
const [mount, setMount] = useState(1);
const [count, setCount] = useState(0);
const [page, setPage] = useState(0);
const [nameSearch, setNameSearch]= useState("");
const [citySearch, setCitySearch] = useState("");
const [stateSearch, setStateSearch] = useState("");
const [minAgeSearch, setMinAgeSearch] = useState(0);
const [maxAgeSearch, setMaxAgeSearch] = useState(100);
const [rowsPerPage, setRowsPerPage] = useState(20);
const [nextPage, setNextPage] = useState("");
const [prevPage, setPrevPage] = useState("");
const [pageResults, setPageResults]= useState([]);