/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 vote100 views1 answer
Why is necessary to run react-native run
Javascript React
0 vote87 views1 answer
React navigation tabs up in keyboard
Javascript React
1 vote106 views1 answer
Two button in one row react native
Javascript React
38 votes120 views2 answers
How to comment out code in react js
Javascript React
0 vote100 views1 answer
Bottom tab navigator react native transparent
Javascript React
3 votes100 views2 answers
React usestate functional update
Javascript React
0 vote101 views1 answer
React native map repeate
Javascript React
0 vote142 views1 answer
How to align text vertically center beside an image in react native
Javascript React
23 votes115 views5 answers
USE ICONS IN REACT
Javascript React
21 votes103 views5 answers
How to add a shadow react native
Javascript React