/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 vote153 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote149 views2 answers
React show view based on role permission
Javascript React
0 vote143 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React
0 vote151 views1 answer
User account in react
Javascript React
1 vote150 views1 answer
React native android padding style
Javascript React
4 votes141 views1 answer
How to creat emmet in react
Javascript React
0 vote146 views1 answer
Npm react-dom
Javascript React
1 vote134 views1 answer
Tailwincss in react native
Javascript React
0 vote102 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
-2 votes111 views1 answer
React timepicker example
Javascript React