/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

10 votes128 views4 answers
React native disable warnings
Javascript React
48 votes131 views1 answer
Emmet not working react js
Javascript React
1 vote133 views1 answer
Webpack-bundle-analyzer react
Javascript React
3 votes123 views4 answers
Add new array at the back of react state
Javascript React
6 votes140 views1 answer
React native data map is not a function
Javascript React
0 vote119 views1 answer
React dropdown search bar
Javascript React
1 vote134 views1 answer
Check if new user in firebase react
Javascript React
0 vote168 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
30 votes130 views6 answers
React if statement
Javascript React
0 vote136 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React