iT邦幫忙

2022 iThome 鐵人賽

DAY 22
0
Modern Web

Dear React 修煉之路系列 第 22

(D-22) Dear React 修煉之路:useLocation

  • 分享至 

  • xImage
  •  

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的數據


上一篇
(D-21) Dear React 修煉之路:Router
下一篇
(D-23) Dear React 修煉之路:條件渲染
系列文
Dear React 修煉之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言