/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 vote321 views1 answer
Share file in react native
Javascript React
0 vote300 views1 answer
React native jest snapshot
Javascript React
0 vote305 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
0 vote314 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
0 vote327 views1 answer
How to redirect to another page in react js on button click
Javascript React
0 vote331 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
0 vote333 views1 answer
React native getting old navigation parameter
Javascript React
0 vote317 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
1 vote309 views1 answer
Image source not working react
Javascript React
0 vote310 views1 answer
Javascript react useState update object
Javascript React