/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 vote209 views1 answer
How to turn of autocomplete in react hook form material ui
Javascript React
0 vote297 views1 answer
Onclick react history map
Javascript React
2 votes223 views1 answer
Change color of strike through line of text in react native
Javascript React
16 votes243 views3 answers
Importing svg into react
Javascript React
0 vote235 views1 answer
Can i use hooks with expo in react native
Javascript React
1 vote233 views5 answers
React date picker
Javascript React
0 vote221 views1 answer
The email address is badly formatted react
Javascript React
0 vote228 views1 answer
Random picture position in react
Javascript React
18 votes232 views3 answers
How to setup tailwind for reactjs
Javascript React
0 vote239 views1 answer
Antd react native
Javascript React