/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

7 votes162 views3 answers
React native class component
Javascript React
0 vote142 views2 answers
Unexpected template string expression reactjs
Javascript React
0 vote151 views1 answer
How to link a photo in expo react native
Javascript React
13 votes134 views1 answer
Reactjs useState() hook
Javascript React
0 vote151 views1 answer
React hooks link to external site new tab
Javascript React
0 vote154 views1 answer
Npm react-dom
Javascript React
0 vote153 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React
7 votes182 views1 answer
React native hide scroll indicator
Javascript React
3 votes157 views1 answer
React native elements
Javascript React
94 votes168 views6 answers
Install react router
Javascript React