***我已經(jīng)制作了自定義的 AuthContext，它為 Singnin 和 SignOut 頁面進(jìn)行 API 調(diào)用，基本上 AuthContext 中有函數(shù)，我想在下面的類組件中調(diào)用它們所以會看到我已經(jīng)在類組件內(nèi)部使用這段代碼對 singOutFunction 進(jìn)行了解構(gòu)，代碼如下 const {state, signOutFunction, clearMessage}=useContext(AuthContext)請告訴我我做錯(cuò)了什么，并告訴我在類組件中在哪里解構(gòu)我的 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: 'dhruvash2u@gmail.com',  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"        />