How to SET / GET Query parameter in React Js | Search in React
Copy Below Code
View As A Text File
Show Text Only
Show API
Edit Code
URL = localhost:3000/items?name=pen
import {useNavigate,useParams,useLocation,useSearchParams} from 'react-router-dom';
const [searchParams, setSearchParams] = useSearchParams();
const handleCategory = (slug)=>{
searchParams.set("category",slug);
setSearchParams(searchParams);
fetchData();
}
const fetchData = ()=>{
let category = searchParams.get('category') || '';
let url='';
if(category!==''){
url = apiUrl+'api/product-listing?category='+category;
}else{
url = apiUrl+'api/product-listing';
}
}