/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 vote128 views1 answer
Create-react-app height issues with flex
Javascript React
3 votes124 views3 answers
React hide source code
Javascript React
-2 votes96 views1 answer
React timepicker example
Javascript React
6 votes132 views4 answers
Add items to a react array in hooks
Javascript React
9 votes141 views3 answers
Shadowoffset react native constructor
Javascript React
0 vote122 views1 answer
React native getstream
Javascript React
1 vote91 views1 answer
Z index react native
Javascript React
0 vote126 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
1 vote141 views1 answer
React native nav bars
Javascript React
15 votes127 views1 answer
Reducer in react example
Javascript React