/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

3 votes130 views2 answers
React-native android build apk
Javascript React
0 vote178 views2 answers
Reactjs date display
Javascript React
-1 vote136 views2 answers
What is a react hook
Javascript React
9 votes83 views1 answer
Redux add to array
Javascript React
0 vote142 views1 answer
Search nested array in react javascript
Javascript React
0 vote149 views1 answer
React router v6 lazy suspense
Javascript React
0 vote137 views1 answer
React border radius
Javascript React
0 vote199 views7 answers
Convert css box shadow to react native
Javascript React
0 vote159 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
0 vote152 views1 answer
React bootsrap color picker
Javascript React