/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 vote167 views1 answer
Firebase app named default already exists react native
Javascript React
16 votes184 views1 answer
React native loop in render
Javascript React
0 vote177 views1 answer
Making font weight bold by passing value in React.js
Javascript React
0 vote161 views1 answer
Form.select not working react bootstrap
Javascript React
27 votes182 views6 answers
React usestate
Javascript React
0 vote174 views1 answer
Configure the Chrome debugger react
Javascript React
0 vote157 views1 answer
Adding js file to reactjs
Javascript React
1 vote165 views1 answer
React case switch not working
Javascript React
0 vote169 views1 answer
Ticking clock react js
Javascript React
1 vote161 views1 answer
Div onchange react
Javascript React