/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

2 votes205 views3 answers
React cdn
Javascript React
0 vote237 views1 answer
Store data with props in react js
Javascript React
0 vote209 views1 answer
Mdbootstrap react
Javascript React
0 vote227 views2 answers
Can i pass data with usenavigate react router
Javascript React
-1 vote185 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote204 views1 answer
Express react docker container example
Javascript React
0 vote194 views1 answer
Cannot find module react scripts
Javascript React
0 vote197 views1 answer
React $ r component instance console
Javascript React
127 votes667 views3 answers
Make react app
Javascript React
1 vote216 views1 answer
How to create a button with react
Javascript React