/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

1 vote82 views1 answer
Add class to react children
Javascript React
4 votes150 views1 answer
React useeffect not on first render
Javascript React
23 votes153 views2 answers
Create-react-app npm yarn
Javascript React
0 vote130 views1 answer
React native undedined map
Javascript React
0 vote143 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
0 vote137 views1 answer
React native center text vertically full screen
Javascript React
31 votes133 views1 answer
Npm install react-router-dom --save
Javascript React
4 votes148 views2 answers
React checking matches in state array
Javascript React
5 votes151 views2 answers
Splash screen react native
Javascript React
0 vote132 views1 answer
Routing in react jps
Javascript React