當我嘗試在事件中觸發usePosition鉤子時，我遇到了一些麻煩onClick。我想要實現的是延遲瀏覽器觸發的地理定位權限提示，直到用戶單擊某個元素。到目前為止，我嘗試過的是以下代碼的一系列變體，但沒有成功：const IndexPage = () => {        const [geolocation, setGeolocation] = useState({});        const [isGeolocationActive, triggerGeolocation] = useState(false);        let currentPosition = usePosition();        function handleGeolocation() {            if (isGeolocationActive) {                setGeolocation(currentPosition)                console.log('geolocation', geolocation)            } else triggerGeolocation(true);        }        return (            <Layout>                <Wrapper type={`list`} classNames={`wrapper pet__cards cards__list`}>                    <Card>                        <Image/>                        <div onClick={() => handleGeolocation()}>Click me to share my location</div>我試圖設置一個useState鉤子（最初設置為 false），usePosition如果設置為 true ，它應該控制和處理鉤子，但是一旦我登陸頁面，瀏覽器仍然要求地理定位許可。編輯：我還嘗試將usePosition鉤子放在另一個組件中并將其稱為onClick事件。但是，在這種情況下，我面臨一些鉤子規則錯誤，例如：“無效的鉤子調用。鉤子只能在函數組件的主體內部調用。這可能由于以下原因之一發生......”