/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 vote236 views1 answer
React admin newrecords.foreach is not a function
Javascript React
4 votes239 views2 answers
Countdown in react js
Javascript React
0 vote229 views1 answer
React native import virtual path
Javascript React
0 vote214 views1 answer
React native set variable key in loop
Javascript React
0 vote215 views1 answer
Detect finishing write react input
Javascript React
108 votes247 views2 answers
React start new app
Javascript React
0 vote223 views1 answer
Window.location.search get parameters react
Javascript React
2 votes226 views1 answer
How to get current URL with Javascript or React
Javascript React
4 votes212 views2 answers
React helmet
Javascript React
1 vote190 views1 answer
React native linking phone call
Javascript React