如何在基于类的组件中进行Expo/react-native Google身份验证?

Question

我正试图实现谷歌认证到我的博览会/react原生组件为基础的类，但博览会给出的例子是功能组件。

他们使用这个代码为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();
}}
/>
);
}

我的问题是我如何去做类似的事情，基于类的组件(export default class App extends Component)

Answer 1

这实际上是一个通用的主题，如何从类组件中调用React的功能组件。

特定于Google Sign In，这个答案可以帮助:https://stackoverflow.com/a/66974167/1870873