Hice una app de películas haciendo peticiones a una api externa. Al hacer click en "pagina siguiente" la función de abajo evalúa si esta mostrando la lista de películas que viene por defecto, si muestra una lista de películas por genero o si muestra una lista de películas por búsqueda y luego redirecciona mediante useNavigate(). El código funciona pero viene alguna función de react router para simplificar esa función?, o si hay alguna forma correcta de hacer lo mismo?
const history = useNavigate();
...
const handlePage = (pagina) => {
window.scroll({
top: 0,
});
if (pagina === "+") {
if (typeof search === 'undefined' && typeof genero === 'undefined') {
page !== null ?
history(`/?page=${parseInt(page) + 1}`) :
history(`/?page=${2}`);
} else if (typeof search !== 'undefined') {
page !== null ?
history(`/${search}/${movie}?page=${parseInt(page) + 1}`) :
history(`/${search}/${movie}?page=${2}`);
} else {
page !== null ?
history(`/${genero}?page=${parseInt(page) + 1}`) :
history(`/${genero}?page=${2}`)
}
} else {
typeof genero === 'undefined' && typeof search === 'undefined' ?
history(`/?page=${parseInt(page) - 1}`) :
typeof search !== 'undefined' ?
history(`/${search}/${movie}?page=${parseInt(page) - 1}`) :
history(`/${genero}?page=${parseInt(page) - 1}`)
}
}