react接入谷歌第三方登录

要在React应用中接入谷歌第三方登录，你可以按照以下步骤进行操作：

1. 创建一个新的项目或者打开现有的React项目。

2. 在终端中导航到项目目录并安装 `react-google-login` 包：

npm install react-google-login

3. 在你的组件中引入 `react-google-login`：

import { GoogleLogin } from 'react-google-login';

4. 在你的组件中，使用 `GoogleLogin` 组件并提供你的谷歌应用的客户端ID：

const responseGoogle = (response) => {
  console.log(response);
};

const GoogleLoginComponent = () => {
  return (
    <GoogleLogin
      clientId="YOUR_GOOGLE_CLIENT_ID"
      buttonText="Login with Google"
      onSuccess={responseGoogle}
      onFailure={responseGoogle}
      cookiePolicy={'single_host_origin'}
    />
  );
};

export default GoogleLoginComponent;

确保将 `YOUR_GOOGLE_CLIENT_ID` 替换为你的谷歌应用的客户端ID。

5. 在 `responseGoogle` 函数中，你可以处理登录成功或失败后的逻辑。例如，你可以将用户信息发送到服务器进行验证或在本地存储用户信息。

这样，你就可以在React应用中接入谷歌第三方登录了。记得替换客户端ID并根据你的需求进行适当的处理。