Skip to main content
2 de 2
mejoras
Shassain
  • 5.6k
  • 6
  • 42
  • 76

errores y dudas con react

Estoy en un proyecto y me pidieron usar react, sinceramente la documentación de react te deja muchísimas dudas, a mi parecer esta muy mal redactada y no puede entender varias cosas; la primera es que en la documentación de react casi siempre se habla de la programación funcional y no se habla mucho del uso de clases y cuando quiero agregar distintos estilos en una clase usando makeStyles no se muy bien donde iniciar la variable clases y se me arma un quilombo, en este momento al hacer uso de Axios, quiero mostrar por consola el resultado de la petición pero se me traba la pc ya que se genera un bucle y no deja de mostrar en consola lo que recibió la petición, este es mi componente con la consulta

import React, { useState } from 'react'
import { makeStyles, createStyles, Theme } from '@material-ui/core/styles';
import axios, {AxiosResponse, AxiosError} from 'axios'


//COMPONENTES
import Port from './port'

//CSS PERSONALIZADO
import './css/index.css'

const useStyles = makeStyles((theme: Theme) =>
  createStyles({
  aside: {
    display: 'flex',
    flexWrap: 'wrap',
    overflow: 'auto'
   }
 }),
);

axios.get("http://localhost:8080/api/userData")
  .then((res: AxiosResponse)=>{
    console.log(res.data)
  })
  .catch((err: AxiosError)=>{
    console.log(err.response)
  })
  .finally(()=>{
    
  })

  export default function Aside(props: any) {

     const [user,setUser] = useState({})


   const classes = useStyles()
   return (
    <aside className={classes.aside}>
        <Port user={user}/>
    </aside>
)
}

Cual es la mejor manera de manejar las petición? fuera de la función o dentro? es mejor si creo una carpeta service y traer las peticiones desde ahí? es factible usar rxjs en react? y mi ultima pregunta es la siguiente, mi componente Port usa funciones, supongamos que yo a ese componente lo cree con clase, como tengo que hacer para poder acceder a esa propiedad? es mi mayor duda

Enzo
  • 131
  • 7
  • 28