/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 vote227 views1 answer
React style css image
Javascript React
0 vote202 views1 answer
Deploy react to azure : web.config
Javascript React
4 votes206 views1 answer
React native radio buttons
Javascript React
1 vote233 views5 answers
React date picker
Javascript React
0 vote211 views2 answers
Selected css based on route react
Javascript React
0 vote202 views1 answer
Placeholder text disappear when click in react
Javascript React
1 vote202 views1 answer
Spread operator react array
Javascript React
0 vote209 views2 answers
React display base64 image
Javascript React
13 votes216 views3 answers
ImageBackground in React Native
Javascript React
25 votes319 views5 answers
Image react
Javascript React