/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

-1 vote372 views4 answers
React native reset cache
Javascript React
0 vote427 views1 answer
React video srcObject
Javascript React
0 vote351 views1 answer
A react component can only return]
Javascript React
0 vote340 views1 answer
Array of refs react
Javascript React
0 vote394 views1 answer
Scrollbar automatically scroll down as new divs are added reactjs
Javascript React
0 vote370 views1 answer
React native shadow maker
Javascript React
0 vote389 views1 answer
Type svg react
Javascript React
2 votes434 views1 answer
React promises
Javascript React
0 vote402 views1 answer
React html symbol code
Javascript React
0 vote376 views1 answer
React router dom change default path
Javascript React