Nexca 是我們最近建立的管理面板，這篇文章我將解釋每個鉤子以更好地理解它們，以便找到最新的更新，您可以在這裡檢查它們。

使用Fetch

useFetch 掛鉤用於從指定 URL 獲取數據，例如帖子、服務或部分。此掛鉤採用一個參數，即從中取得資料的 URL。

const data = useFetch('/api/posts/');

使用獲取部分

useGetSection 掛鉤用於從特定部分獲取資料。這個鉤子對於客戶端部分特別有用。它需要三個參數：

1. url：從中取得資料的 URL，通常是貼文的 API 端點。
2. lengthItem：您要在該部分中顯示的項目數。
3. secid：要取得資料的部分的 ID。

您也可以在貼文載入時提取載入狀態以顯示骨架。

const { data, loading } = useGetSection('/api/posts/', 8, 2);

使用獲取最新帖子

useGetLatestPosts 掛鉤用於獲取網站上的最新帖子。此鉤子需要一個參數：

• recentSize：最近要顯示的項目數。

使用 useState 設定您想要查看的項目數是一個很好的做法。

const [recentSize] = useState(5);
const { posts } = useGetLatestPosts(recentSize);

使用檢查登入

useCheckLogin 鉤子專門用於管理員檢查使用者是否登入。它不帶任何參數，只能在管理頁面或佈局中呼叫。

使用單郵

useSinglePost 掛鉤用於根據 ID 參數取得單一貼文。它找到匹配的帖子並將其顯示給用戶。此鉤子僅在/Posts/[id]頁面上使用。

const post = useSinglePost();
// To read data from the post
{post.title}

使用閱讀文本

useReadText 掛鉤用於使用瀏覽器的語音合成功能讀取給定的文字。它提供啟動和停止讀取過程的功能。此鉤子需要一個參數：

• 文本：要朗讀的文本。

該鉤子維護一個狀態 isSpeaking 來指示當前是否正在閱讀文本。它會傳回三個值：

1. isSpeaking：一個布林值，指示文字是否正在閱讀。
2. handleReadText：開始讀取文字的函數。
3. handleStopReading：停止閱讀文本的函數。

import { useReadText } from './useReadText';

const ExampleComponent = () => {
  const { isSpeaking, handleReadText, handleStopReading } = useReadText('Hello, this is a sample text.');

  return (
    

      Read Text
      Stop Reading
    
  );
};

現場示範

使用者名稱：admin
密碼：a123b456@@