***我已經制作了自定義的 AuthContext，它為 Singnin 和 SignOut 頁面進行 API 調用，基本上 AuthContext 中有函數，我想在下面的類組件中調用它們所以會看到我已經在類組件內部使用這段代碼對 singOutFunction 進行了解構，代碼如下 const {state, signOutFunction, clearMessage}=useContext(AuthContext)請告訴我我做錯了什么，并告訴我在類組件中在哪里解構我的 signOutFunctionimport React,{useContext} from 'react';import {View, StyleSheet, ScrollView, ToastAndroid, Alert} from 'react-native';import AsyncStorage from '@react-native-community/async-storage';import ProfileTab from './ProfileTab';import {BackHeader} from '../components/Headers';import {RoundButtonArray, SignOutBtn} from '../components/Buttons';import {btnArray} from '../helpers/MapInputs';import FlatButton from '../components/FlatButton'import Spacer from '../components/Spacer';//////////////////////////////////////////////////////////////////////////////////**import {Context as AuthContext} from '../context/AuthContext'**const dummyText = {  name: 'Dhruva H',  email: '[email protected]',  prep: 'CET',};class Profile extends React.Component {const {state, signOutFunction, clearMessage}=useContext(AuthContext)    //   signOutPress = async () => {//     await AsyncStorage.clear();//     this.props.navigation.navigate('LoadStack');//     ToastAndroid.show('Signed Out!', ToastAndroid.SHORT);//   };  onSignOut = async () => {           Alert.alert(      'Sign out',      'Are you sure you want to Sign out?',      [        {          text: 'Cancel',          onPress: () => null,          style: 'cancel',        },        {text: 'OK', onPress: signOutFunction()},      ],      {cancelable: true},    );  };  onImagePress = () => {    ToastAndroid.show('Hi', ToastAndroid.SHORT);  };  render() {       return (      <View style={styles.container}>        <BackHeader          route="Home"          title="PROFILE"          type="row"          backIcon="ios-arrow-dropright"        />