0

estoy construyendo un un sitio en react con tsx, quiero llamar una clase MyAccountLogin.service que es donde tengo los servicios con axios

y la necesito llamar desde el compontente padre que es MyAccount

Este es el código del servicio (Que está en una clase aparte)

    export class MyAccountLogin extends React.Component{


constructor(props) {
  super(props);
  this.Login = this.Login.bind(this);
}

Login(user: any) {
    const res =  axios.post(uri, user);
    console.log("res", res);
    return res;

  }}

Desde acá se llama al servicio en axios, pero el método lógin no lo reconoce

export class MyAccountLogin extends React.Component<{}, IState> {

constructor(props: any) {
    super(props);
}


handleSubmit(values: MyAccountLoginModel) {
    console.log(values);

    
    // aca intento consumir llamar el metodo login pero arroja error y previamente ya se importo en AccountServices

    AccountServices.Login(values).then( res => {
        const r = res;
    });
}

}

Así está la clase desde necesito llamar el método login introducir la descripción de la imagen aquí

4
  • hola Cristian, bienvenido a stack overflow, te aconsejo que te pases por el recorrido para que te familiarices con el sitio web, por otro lado, te invito a que leas como preguntar para que tu pregunta pueda tener un buen formato y pueda llegar a muchas personas y asi poder obtener ayuda mas rápido
    – Enzo
    Commented el 30 ago. 2021 a las 20:26
  • por otro lado, no subas imágenes de tu código, es tedioso tener que escribir todo tu código para poder responderte, cópialo y pégalo, será mas fácil para vos y para los usuarios q te lean, de mi parte te recomiendo q empieces a dejar de lado las clases en React y migres a los componentes funcionales para poder aprovechar sus beneficios como los hooks, y una ultima cosa, trata de agregar todo el código q sea necesario para q pueda entenderte, para ti puede ser obvio lo q hace, para los usuario no, trata de agregar lo q hace tu código, lo q intentas hacer y el resultado q obtienes y el q esperas
    – Enzo
    Commented el 30 ago. 2021 a las 20:33
  • No se entiende qué quieres hacer. Muestras tanto en la imagen como en el "código" la misma clase.
    – Jacobo
    Commented el 30 ago. 2021 a las 20:54
  • @Jacobo ya se modificó y explique un poco mas a detalle, es llamar desde la clase MyAccountLogin el servicio que está en la otra clase que es un servicio con axios, es poder llamar las funciones de esa clase
    – cc lobe
    Commented el 30 ago. 2021 a las 21:02

1 respuesta 1

0

creo que el error es que en el export default de tu componente AccountServices, cambialo a

const accountServices = new AccountServices();
export default accountServices ;

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.