Estoy tratando de implementar la autenticación de Google en mi clase basada en componentes nativos Expo/react, pero el ejemplo que da Expo es para componentes funcionales.

Utilizan este código para la autenticación de Google:

 import * as React from 'react'; import * as WebBrowser from 'expo-web-browser'; import * as Google from 'expo-auth-session/providers/google'; import { Button } from 'react-native'; WebBrowser.maybeCompleteAuthSession(); export default function App() { const [request, response, promptAsync] = Google.useAuthRequest({ expoClientId: 'GOOGLE_GUID.apps.googleusercontent.com', iosClientId: 'GOOGLE_GUID.apps.googleusercontent.com', androidClientId: 'GOOGLE_GUID.apps.googleusercontent.com', webClientId: 'GOOGLE_GUID.apps.googleusercontent.com', }); React.useEffect(() => { if (response?.type === 'success') { const { authentication } = response; } }, [response]); return ( <Button disabled={!request} title="Login" onPress={() => { promptAsync(); }} /> ); }

Mi pregunta es cómo haría para hacer algo similar a esto para un componente basado en clase ( export default class App extends Component )