NA +91-8727899942 thecoderjob@gmail.com

CHAPTER - 44

SearchParams and setSearchParmas

Its helpful to handle query params 

Like ?abc=123

Here's is the Code !!

// SearchComponent.js
import React, { useState } from "react";
import { useLocation, useSearchParams } from "react-router-dom";

function SearchComponent() {
   const [searchParams, setSearchParams] = useSearchParams()
   let get_parameter_data = searchParams.get("abc")
 return (
    <>
       {get_parameter_data} 
       <button onClick={setSearchParams({abc:20})}> // if you want to change parameters 
    </>
  );
}
export default SearchComponent;

Chapter 43

Dynamic Routing with params

Previous chapter

Chapter 45

Navigation on Click

Next chapter

Get In Touch

NA

thecoderjob@gmail.com

+91-8727899942

Popular Links

© www.thecoderjob.com. All Rights Reserved.               Designed by HTML Codex