>[danger]手寫實現uesQuery 使用 React 的 `useState` 和 `useEffect` 鉤子來實現這個自定義的 `useQuery`。 ```javascript import { useState, useEffect } from 'react'; const useQuery = (queryFunction) => { const [data, setData] = useState(null); const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState(null); useEffect(() => { const fetchData = async () => { setIsLoading(true); try { const result = await queryFunction(); setData(result); } catch (error) { setError(error); } finally { setIsLoading(false); } }; fetchData(); }, [queryFunction]); return { data, isLoading, error }; }; export default useQuery; ``` 在上面的示例中，定義了一個名為 `useQuery` 的自定義鉤子。 它接受一個名為 `queryFunction` 的參數，該參數是一個異步函數，用于執行實際的數據獲取操作。 在鉤子內部，我們使用 `useState` 來定義 `data`、`isLoading` 和 `error` 這三個狀態，并使用 `useEffect` 來執行數據獲取的邏輯。 當組件使用 `useQuery` 鉤子時，它將返回 `data`、`isLoading` 和 `error` 這三個狀態，從而可以在組件中訪問到數據獲取的結果、加載狀態和錯誤信息。