/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 vote342 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
10 votes318 views4 answers
React hooks
Javascript React
0 vote372 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
0 vote372 views1 answer
React js Property 'Select' does not exist on type 'Form'.ts(2339) an
Javascript React
2 votes385 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote341 views3 answers
How to get svg from pucblic folder in react
Javascript React
0 vote334 views1 answer
Images not displaying in react
Javascript React
1 vote300 views2 answers
React js class component
Javascript React
0 vote345 views1 answer
How to style navigation drawer react navigation v5
Javascript React
0 vote405 views1 answer
Dropzone react view photo
Javascript React