/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 vote342 views4 answers
Passing data in route react
Javascript React
3 votes524 views2 answers
Center an element react native
Javascript React
0 vote367 views1 answer
Input hook react
Javascript React
1 vote363 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
3 votes364 views1 answer
Navigation react pass props
Javascript React
0 vote351 views3 answers
React hook example
Javascript React
0 vote381 views1 answer
React native run-android --release
Javascript React
0 vote369 views1 answer
React event stop propagation
Javascript React
2 votes387 views1 answer
Scoll to top on each route react
Javascript React
66 votes328 views6 answers
Routing react
Javascript React