Tengo problemas para transferir información de la respuesta que da el login de google, la cual la veo perfectamente en la consola del navegador, lo que yo busco es mandarlos al dom para verlos en una lista pero estoy bastante perdido con esto. He visto en tutoriales el uso de hooks o useState para esta labor, pero yo tengo el componente definido como una clase y no puedo usar estas herramientas, entiendo que debería ser algo sencillo de hacer pero no logro ver por donde comenzar, alguna ayuda? muchas gracias !
Home.js
import React, { Component } from 'react';
import GoogleLogin from 'react-google-login';
const responseGoogle = (response) => {
console.log(response.profileObj.name); //Datos del user en consola
console.log(response.profileObj.email);
console.log(response.profileObj.imageUrl);
}
export class Home extends Component {
render() {
return (
<div className="container">
<div className = "float-right">
<GoogleLogin //Boton Login
clientId="128507741231-f29fn3id10e5nho6448grr8t44r4.apps.googleusercontent.com"
buttonText="Iniciar Sesion"
onSuccess={responseGoogle}
onFailure={responseGoogle}
cookiePolicy={'single_host_origin'} />
</div>
<br /><br /><br />
<div>
<div><h1></h1></div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Nombre:</li> //Nombre
<li class="list-group-item">Correo:</li> //Email
<li class="list-group-item">Foto: <img src= "" alt=""/></li> //Imagen
</ul>
</div>
</div>
)
}
}