/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 vote381 views1 answer
Form- text area react
Javascript React
32 votes354 views1 answer
React-router react-router-dom
Javascript React
0 vote500 views1 answer
Make a button who disable scrolling down the page react
Javascript React
2 votes354 views1 answer
React higher order components
Javascript React
13 votes412 views3 answers
React native conditional rendering
Javascript React
0 vote402 views1 answer
What difference between react func and class components
Javascript React
0 vote419 views1 answer
Text input placeholder font family react native
Javascript React
0 vote379 views1 answer
Empty div react
Javascript React
0 vote378 views1 answer
Gradlew command not found react native
Javascript React
0 vote392 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React