/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 vote213 views1 answer
Import typography react
Javascript React
0 vote263 views1 answer
React avoid spreading non-dom props across component
Javascript React
4 votes222 views1 answer
React bind function to component
Javascript React
0 vote284 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
1 vote177 views1 answer
View onpress react native
Javascript React
22 votes233 views4 answers
Copy text to clipboard reactjs
Javascript React
32 votes228 views1 answer
Install react router in react app
Javascript React
0 vote201 views1 answer
Resellerclub api with react js
Javascript React
3 votes209 views4 answers
Import in react
Javascript React
24 votes219 views3 answers
Set port in react app
Javascript React