/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 vote187 views1 answer
Javascript Binding Example With React
Javascript React
4 votes182 views2 answers
React get url params in class component
Javascript React
2 votes190 views2 answers
React native position absolute center
Javascript React
0 vote198 views1 answer
Reactjs events list
Javascript React
0 vote182 views1 answer
TrackPromise React
Javascript React
0 vote209 views1 answer
Background image in react from variable
Javascript React
0 vote177 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
15 votes163 views2 answers
React native location
Javascript React
1 vote341 views2 answers
How to check reactjs version in command prompt
Javascript React
5 votes176 views1 answer
Wrap text react native
Javascript React