/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 vote260 views1 answer
Attempted import error: 'useDispatch' is not exported from 'react-redux'
Javascript React
0 vote249 views1 answer
React native scrollview scrollto()
Javascript React
1 vote256 views1 answer
Node sass version react
Javascript React
7 votes250 views2 answers
How to pass a component as a prop in react
Javascript React
4 votes252 views2 answers
Entypo icons react native
Javascript React
2 votes239 views1 answer
React-native-reanimated npm
Javascript React
0 vote248 views1 answer
How to empty input field in react
Javascript React
7 votes229 views6 answers
Prop types in react
Javascript React
0 vote243 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote249 views1 answer
React bootstrap font awesome icons
Javascript React