/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

4 votes249 views3 answers
How to add google map in react js
Javascript React
-1 vote239 views1 answer
History of react js
Javascript React
8 votes220 views4 answers
Props react
Javascript React
0 vote270 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
0 vote248 views1 answer
Number format reactjs
Javascript React
0 vote275 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
-1 vote237 views7 answers
How to trim dates in react
Javascript React
0 vote244 views1 answer
Blank array condition in react js
Javascript React
0 vote206 views2 answers
React particles react
Javascript React
0 vote245 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React