useLocation 是當 URL 網址改變時 useState 會回傳一個新的包含目前URL的狀態和位置的物件函數。
每當 URL 網址有變更，則 useLocation 資訊也將更新。

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

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



const User = () => {

    const location = useLocation();    

    return (
        <div>
            <p>This is current location : " {location.pathname} "</p>
        </div>
    )
};

export default User;

將useLocation自訂變數location，然後使用 location.pathname 顯示出URL的數據