import { useLocation } from 'react-router-dom';

//url = http://localhost:3000/main/ride?params=1

const location = useLocation();

const [value, setValue] = useState( new URLSearchParams(location.search).get('params'));

console.log(value) // 1

import React from "react";

import {

BrowserRouter as Router,

Link,

useLocation

} from "react-router-dom";

// React Router does not have any opinions about

// how you should parse URL query strings.

//

// If you use simple key=value query strings and

// you do not need to support IE 11, you can use

// the browser's built-in URLSearchParams API.

//

// If your query strings contain array or object

// syntax, you'll probably need to bring your own

// query parsing function.

export default function QueryParamsExample() {

return (

);

}

// A custom hook that builds on useLocation to parse

// the query string for you.

function useQuery() {

const { search } = useLocation();

return React.useMemo(() => new URLSearchParams(search), [search]);

}

function QueryParamsDemo() {

let query = useQuery();

return (

);

}

function Child({ name }) {

return (

);

}