/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 vote335 views1 answer
Sort by attribute in reactjs
Javascript React
6 votes346 views2 answers
How do I conditionally add attributes to React components?
Javascript React
0 vote362 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
0 vote291 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
0 vote290 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
0 vote346 views1 answer
Donwload data from react js in json file
Javascript React
6 votes356 views1 answer
React native data map is not a function
Javascript React
14 votes309 views2 answers
Photo in React native
Javascript React
2 votes324 views1 answer
React nginx returns 404 after reload
Javascript React
0 vote324 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React