[react-router-dom] useLocation : 현재 위치를 알려준다.

현재 어디 경로에 있는지 알려준다.

 

사용법

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

const location = useLocation();

 

예시

// Works.jsx

import React from "react";
import { ⭐useLocation, useNavigate } from "react-router-dom";

export default function Works() {
  const navigate = useNavigate();
  ⭐const location = useLocation();

  ⭐console.log("location", location);

  return (
    <div>
      Works <br />
      <button onClick={() => navigate("/")}>Home으로 이동</button>
    </div>
  );
}