Browser | React Use

📄️ useBroadcastChannel

`useBroadcastChannel` 是一個允許你在組件中使用 `BroadcastChannel API` 的 hook。本文介紹其用法、最佳實踐與代碼示例。

📄️ useClipboard

將文本複製到用戶的剪貼板。本文介紹其用法、最佳實踐與代碼示例。

📄️ useColorMode

import Details from "@theme/Details"; 響應式顏色模式（主題）管理，具有自動數據持久化和靈活配置功能。 <Details summary="點擊展開"> 對於服務端渲染的應用程式而言，由於無法在服務端獲取到用戶的顏色偏好。所以第一次渲染的時候可能會出現闃爍。想要避免此問題，你可以參考一下步驟。本文介紹其用法、最佳

📄️ useCopyToClipboard

將文本複製到用戶的剪貼板。useClipboard 的別名。學習使用模式、最佳實踐和 React 開發者的代碼示例。

📄️ useCssVar

管理 CSS 變量。本文介紹其用法、最佳實踐與代碼示例。

📄️ useDarkMode

import Details from "@theme/Details"; 具有自動數據持久性的深色模式。 <Details summary="點擊展開"> 對於服務端渲染的應用程式而言，由於無法在服務端獲取到用戶的顏色偏好。所以第一次渲染的時候可能會出現闃爍。想要避免此問題，你可以參考一下步驟。本文介紹其用法、最佳

📄️ useDevicePixelRatio

`useDevicePixelRatio` 是一個返回螢幕的設備像素比的 hook。本文介紹其用法、最佳實踐與代碼示例。

📄️ useElementByPoint

`useElementByPoint` 是一個用於獲取指定坐標下的元素的 Hook。本文介紹其用法、最佳實踐與代碼示例。

📄️ useEventSource

`useEventSource` 是一個 hook，允許您訂閱 EventSource 並實時接收更新。本文介紹其用法、最佳實踐與代碼示例。

📄️ useEyeDropper

使用 [EyeDropper API](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API) 來選擇顏色。本文介紹其用法、最佳實踐與代碼示例。

📄️ useFavicon

設置頁面的 favicon 圖標。本文介紹其用法、最佳實踐與代碼示例。

📄️ useFetchEventSource

`useFetchEventSource` 是一個 React Hook，允許你使用 POST 等 HTTP 方法訂閱 EventSource 並實時接收更新。 :::note 這個例子在實時編輯器中不起作用，因為它需要一個服務器來發送事件。你可以在本地環境中嘗試它。本文介紹其用法、最佳實踐與代碼示例。

📄️ useFileDialog

輕鬆選取文件。本文介紹其用法、最佳實踐與代碼示例。

📄️ useFps

輕鬆跟蹤 FPS。本文介紹其用法、最佳實踐與代碼示例。

📄️ useFullscreen

元素的全螢幕展示。本文介紹其用法、最佳實踐與代碼示例。

📄️ useGeolocation

跟蹤[地理位置](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API)的 React Hook 如果用戶願意，它允許用戶向網絡應用程式提供他們的位置。出於隱私原因，報告位置信息需要用戶許可。本文介紹其用法、最佳實踐與代碼示例。

📄️ useIdle

跟蹤頁面上的用戶是否處於空閒狀態。本文介紹其用法、最佳實踐與代碼示例。

📄️ useInfiniteScroll

無限滚動。本文介紹其用法、最佳實踐與代碼示例。

📄️ useKeyModifier

跟蹤[按鍵](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/getModifierState#browser_compatibility)是否被按下。本文介紹其用法、最佳實踐與代碼示例。

📄️ useLocationSelector

有選擇地從 `location` 檢索屬性。僅當您返回的值更改時，此 Hook 才會重新渲染。有關更多信息，請參閱（https://thisweekinreact.com/articles/useSyncExternalStore-the-undererated-react-api）。本文介紹其用法、最佳實踐與代