/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 vote136 views1 answer
React native height full
Javascript React
0 vote128 views2 answers
React router dom link same page with different param
Javascript React
1 vote109 views1 answer
Strings compare react
Javascript React
0 vote115 views1 answer
Paging react mongoose
Javascript React
1 vote114 views1 answer
How to get the value of textarea in react
Javascript React
0 vote117 views1 answer
How to use two text fields in one single row react js
Javascript React
0 vote114 views1 answer
OAuth with axios react native
Javascript React
1 vote106 views1 answer
REACt helmet og tags DONT WORK
Javascript React
50 votes105 views6 answers
Yarn create react app
Javascript React
0 vote116 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React