JS Get Query Param
const queryString = window.location.search;
const parameters = new URLSearchParams(queryString);
const value = parameters.get('key');
MCRC
const queryString = window.location.search;
const parameters = new URLSearchParams(queryString);
const value = parameters.get('key');
const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');
const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');
// example url: https://mydomain.com/?fname=johnny&lname=depp
const urlParams = new URLSearchParams(window.location.search);
const firstName = urlParams.get('fname'); // johnny
const queryString = window.location.href;
const parameters = new URLSearchParams(queryString);
const value = parameters.get('key');
import React, { useEffect, useState } from "react";
import { useLocation } from "react-router-dom";
function CheckoutDetails() {
const location = useLocation();
const [amountValue, setAmountValue] = useState(1);
// function to get query params using URLSearchParams
useEffect(() => {
const searchParams = new URLSearchParams(location.search);
if (searchParams.has("amount")) {
const amount = searchParams.get("amount");
setAmountValue(parseInt(amount, 10));
} else {
setAmountValue(1);
}
}, [location]);
return (
<p>Amount: {amountValue}</p>
)