persist reloads when updating the URL in nextjs

siam88 answered on March 17, 2024 Popularity 4/10 Helpfulness 2/10

answer persist reloads when updating the URL in nextjs

persist reloads when updating the URL in nextjs

Comment

'use client';
 
import { useSearchParams } from 'next/navigation';
 
export default function SortProducts() {
  const searchParams = useSearchParams();
 
  function updateSorting(sortOrder: string) {
    const params = new URLSearchParams(searchParams.toString());
    params.set('sort', sortOrder);
    window.history.pushState(null, '', `?${params.toString()}`);
  }
 
  return (
    <>
      <button onClick={() => updateSorting('asc')}>Sort Ascending</button>
      <button onClick={() => updateSorting('desc')}>Sort Descending</button>
    </>
  );
}



supported on  Next.js 14.1

Popularity 4/10 Helpfulness 2/10 Language javascript

Source: nextjs.org

Tags: javascript persist updating url when

Link to this answer
Share Copy Link

Contributed on Mar 17 2024

siam88

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

persist reloads when updating the URL in nextjs

Contents

More Related Answers

persist reloads when updating the URL in nextjs

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.