/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

2 votes318 views1 answer
View background image in react native
Javascript React
21 votes332 views4 answers
React font awesome npm
Javascript React
14 votes325 views5 answers
React conditional classname
Javascript React
0 vote342 views1 answer
Github create react app buildpack
Javascript React
0 vote349 views1 answer
Moment all formats in reactjs
Javascript React
-1 vote294 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
10 votes279 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
3 votes329 views1 answer
How to call a function in react with arguments onclick
Javascript React
1 vote364 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
1 vote341 views1 answer
Reactive localstorage in react
Javascript React