/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 vote220 views1 answer
Namespace react has no export member FC
Javascript React
13 votes225 views5 answers
React native setup
Javascript React
0 vote231 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
29 votes214 views6 answers
React background image
Javascript React
-1 vote221 views1 answer
React slick npm
Javascript React
11 votes265 views4 answers
React native text underline
Javascript React
0 vote220 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
0 vote220 views1 answer
Orderbychild firebase react
Javascript React
0 vote211 views1 answer
Scroll to a input on button click react native
Javascript React
1 vote178 views1 answer
React native onpress show component
Javascript React