/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

98 votes340 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
6 votes300 views1 answer
React native rotate
Javascript React
0 vote302 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
0 vote293 views1 answer
React JSON data to display in a table
Javascript React
2 votes290 views4 answers
React-hook-form-input npm
Javascript React
0 vote292 views1 answer
React redux stack overflow
Javascript React
0 vote299 views1 answer
React redux open another page
Javascript React
0 vote317 views1 answer
React buffer to image
Javascript React
1 vote330 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
0 vote291 views1 answer
How to get key from a button in react
Javascript React