/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 vote271 views2 answers
React refresh page not found
Javascript React
5 votes338 views2 answers
What hostings can run react js
Javascript React
0 vote354 views1 answer
React native firebase login with facebook
Javascript React
2 votes358 views4 answers
Multiple export in react
Javascript React
2 votes361 views1 answer
How to add multiple style attributes in react element
Javascript React
0 vote406 views1 answer
React chunk file too large
Javascript React
0 vote336 views1 answer
React-with-firebase-auth
Javascript React
4 votes355 views1 answer
How to empty form after submit react
Javascript React
0 vote358 views1 answer
Make input fixed position reactjs
Javascript React
0 vote379 views1 answer
React chart js 2 api data
Javascript React