/Javascript/React/Get data from mulitple query parameters react

Get data from mulitple query parameters react

import React from 'react';
import {useLocation} from "react-router-dom";

export default function Items() {
 //Where parameter url = localhost:3000/items?name=pen&id=12
  const search = useLocation().search;
  const name = new URLSearchParams(search).get('name');  const id = new URLSearchParams(search).get('id');
  return (
    <div>
      <h1>Items page</h1>
      <p>{id}</p>      <p>{name}</p>    </div>
  );
}

Source: reactgo.com

Similar codes

0 vote217 views2 answers
How to run react builed version
Javascript React
1 vote267 views1 answer
How to delete element at a particular index of array in react js
Javascript React
8 votes204 views2 answers
React on link click scroll to top
Javascript React
-1 vote196 views1 answer
What is the use of consrtructors in reactjs
Javascript React
0 vote246 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
1 vote141 views1 answer
React native network request failed fetch
Javascript React
10 votes206 views3 answers
Jquery react npm
Javascript React
0 vote206 views1 answer
React native check os
Javascript React
1 vote212 views1 answer
React-router-dom v6 redirect
Javascript React
7 votes270 views1 answer
Img src in react js
Javascript React