/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 vote261 views1 answer
Input type email react js-validation
Javascript React
-1 vote263 views2 answers
How to validate date in react
Javascript React
0 vote251 views1 answer
React component will mount new method
Javascript React
0 vote286 views2 answers
Go back to screen with params react native
Javascript React
5 votes266 views1 answer
React dom
Javascript React
2 votes268 views1 answer
React native navigation hide navbar
Javascript React
0 vote274 views1 answer
Search for country name from api with react
Javascript React
0 vote283 views1 answer
Global keyboard shortcuts react
Javascript React
0 vote264 views1 answer
React input value set state on change
Javascript React
0 vote259 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React