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

Question

我正在尝试将 Google 身份验证实施到我的 Expo/react 基于 class 的本机组件中，但 Expo 给出的示例是针对功能组件的。

他们使用此代码进行 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();
        }}
    />
  );
}

我的问题是如何为基于 class 的组件 (export default class App extends Component)

做类似的事情

Answer 1

这其实是一个一般性的课题，如何在class个组件中调用React的函数式组件。

具体到 Google 登录，这个答案可以帮助：

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

How to do Expo/react-native Google Authentication in a class based component?

javascript

google-authentication

reactjs

react-native

expo