/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 vote355 views1 answer
Npm i react-use-navigator-permissions
Javascript React
5 votes352 views4 answers
Google map in react js
Javascript React
2 votes422 views2 answers
React native asign width to image
Javascript React
3 votes376 views1 answer
UseNav react router
Javascript React
9 votes430 views1 answer
How to create a react app in current folder
Javascript React
6 votes371 views6 answers
Shadow react native generator
Javascript React
0 vote437 views1 answer
React flip move
Javascript React
3 votes346 views4 answers
Add new array at the back of react state
Javascript React
0 vote420 views3 answers
React native clear cach
Javascript React
0 vote407 views1 answer
Storybook react router
Javascript React