¿Hay alguna manera de establecer los valores de una cadena de consulta usando nextjs y reactjs?
Mi página tiene una lista de filtros que, al hacer clic, modificará el panel de resultados de la página en el lado derecho.
Estoy tratando de actualizar los valores de queryString de la URL, por lo que si el usuario abandona la página y luego hace clic en los botones "atrás", regresará al último conjunto de selección de filtro.
Por ejemplo: Landing:.com/path?key=currentPage%3D1%26pageSize%3D10 Después de hacer clic en filter:.com/path?key=currentPage%3D1%26pageSize%3D10%26gte%3D1655577000000%26lte%3D1656440999999%26keyName%3DcreatedAt %26filtros%3D%5B%7B"id del sitio"%3A10%7D%5D
es posible?
window.history.pushState({}, null, newUrl);Dependiendo de la versión del navegador que utilice, hay varias opciones disponibles. Comprobar esto
Sí lo es, puede usar el useRouter . Aquí hay un ejemplo de uso:
const router = useRouter() useEffect(() => { // find your current path here, and change the query router.push('/?counter=10', undefined, { shallow: true }) }, []) // add your filter dependenciesPara obtener más información, lea los documentos: https://nextjs.org/docs/routing/shallow-routing