/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 vote91 views1 answer
Fixed menu reactjs
Javascript React
0 vote143 views1 answer
Npm: Create react chrome extension
Javascript React
0 vote148 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
3 votes141 views1 answer
React router dynamic routes
Javascript React
3 votes132 views2 answers
React link without underline
Javascript React
0 vote134 views1 answer
Corousal in react
Javascript React
16 votes144 views2 answers
Render text in for loop react in function
Javascript React
0 vote133 views1 answer
React.createElement pass props
Javascript React
18 votes166 views6 answers
Import svg react
Javascript React
1 vote107 views1 answer
How to pass props in react test cases
Javascript React