/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 vote195 views1 answer
React setup for handling UI.
Javascript React
2 votes201 views1 answer
React native responsive font
Javascript React
6 votes209 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote207 views1 answer
Reactjs download file axios
Javascript React
0 vote203 views2 answers
React js http post 500 internal server error
Javascript React
0 vote184 views1 answer
Autofocus is not working in react native
Javascript React
7 votes183 views2 answers
Br in react native
Javascript React
9 votes233 views3 answers
Disable yellow box react native
Javascript React
5 votes184 views2 answers
React onclick new tab
Javascript React
0 vote260 views1 answer
Show modal by using id in list react
Javascript React