/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

-2 votes191 views1 answer
How to hide keyboard in react native
Javascript React
0 vote203 views1 answer
Type svg react
Javascript React
1 vote180 views2 answers
Can't perform a react state update
Javascript React
0 vote172 views1 answer
React native fetch response code
Javascript React
0 vote179 views1 answer
React-native eject not working
Javascript React
0 vote220 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
4 votes192 views1 answer
UseEffect with axios react
Javascript React
12 votes183 views1 answer
React chrome extension
Javascript React
1 vote194 views1 answer
React toggle class
Javascript React
0 vote178 views1 answer
Multilone input react
Javascript React