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

get current route in react-router v6

Tender Turtle answered on August 31, 2022 Popularity 9/10 Helpfulness 10/10

answer get current route in react-router v6

get current route in react-router v6

Comment

// try this hook:

import { useEffect, useState } from "react";
import { useLocation } from "react-router-dom";

export const useFindPath = () => {
    const location = useLocation();
    const [currentPath, setCurrentPath] = useState();
    useEffect(() => {
        setCurrentPath(location.pathname);
    }, [location]);
    return currentPath;
};

// Usage:
const path = useFindPath();
console.log(path)
// Output:
// e.g."/about" if current url is "http://localhost:3000/about"

Popularity 9/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: get javascript react-router

Link to this answer
Share Copy Link

Contributed on Aug 31 2022

Tender Turtle

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 current route in react-router v6

Contents

More Related Answers

get current route in react-router v6

Grepper

Documentation

Social

Legal

Contact

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