/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 vote349 views2 answers
React native map array of objects
Javascript React
0 vote363 views1 answer
Camera roll react native
Javascript React
2 votes430 views2 answers
Select field in react native
Javascript React
1 vote387 views1 answer
Get children react
Javascript React
0 vote384 views1 answer
Use font awesome in react native
Javascript React
0 vote348 views1 answer
Jest create react app only run one test
Javascript React
7 votes334 views2 answers
Uuid v4 react
Javascript React
0 vote321 views1 answer
React native pdf creater html-to-pdf
Javascript React
32 votes414 views1 answer
How to do routes react js
Javascript React
0 vote366 views1 answer
Add image to ag-grid with react
Javascript React