Breaking News: Grepper is joining You.com. Read the official announcement!

get param after ? react-router-dom

Grieving Gharial answered on December 12, 2019 Popularity 8/10 Helpfulness 3/10

answer get param after ? react-router-dom

related react get route params

get param after ? react-router-dom

Comment

import React from "react"
import {
  BrowserRouter as Router,
  Switch,
  Route,
  useLocation
} from "react-router-dom"

export default function App() {
  return (
    <Router>
      <Switch>
        <Route path="/">
          <Home />
        </Route>
      </Switch>
    </Router>
  )
}

function Home() {
  const location = useLocation()
  const queryParameters = new URLSearchParams(location.search)

  return (
    <div>
      <p>Type: {queryParameters.get("type")}</p>
      <p>Name: {queryParameters.get("name")}</p>
    </div>
  )
}

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: herewecode.io

Tags: get javascript param react-router-dom

Link to this answer
Share Copy Link

Contributed on Mar 01 2023

Grieving Gharial

0 Answers Avg Quality 2/10

Closely Related Answers

react get route params

Comment

const Child = ({ match }) => (
  <div>
    <h3>ID: {match.params.id}</h3>
  </div>
)

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: get

Link to this answer
Share Copy Link

Contributed on Dec 12 2019

Itchy Iguana

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

get param after ? react-router-dom

Contents

More Related Answers

get param after ? react-router-dom

Closely Related Answers

react get route params

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.