Breaking News: Grepper is joining You.com. Read the official announcement!

useSearchParams() : Get all Query String values as an object

Jealous Jaguar answered on January 31, 2023 Popularity 8/10 Helpfulness 2/10

answer useSearchParams() : Get all Query String values as an object

useSearchParams() : Get all Query String values as an object

Comment

import React from 'react';
import { useSearchParams } from 'react-router-dom';

const Users = () => {
  const [searchParams] = useSearchParams();
  console.log(searchParams); // ▶ URLSearchParams {}

  return <div>Users</div>;
};
//?sort=name&order=ascending

const Users = () => {
  const [searchParams] = useSearchParams();
  console.log(searchParams.entries()); // ▶ Iterator {}

  return <div>Users</div>;
};

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: ultimatecourses.com

Tags: get javascript object query-string react-router

Link to this answer
Share Copy Link