//Hola gente estoy Estoy en un proyecto y me pidieropidieron usar reactreact
, sinceramente la documentaciondocumentación de react te deja muchisimasmuchísimas dudas, a mi parecer esta muy mal redactada y no puede entender varias, cosas, cosas; la primera es que en la documentaciondocumentación de react casi siempre se habla de la programacionprogramació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 classesclases y se me arma un quilomboquilombo, en este momento al hacer uso de Axios
, quiero mostrar por consola el resultado de la peticionpetición pero se me traba la pc ya que se genera un bucle y no deja de mostrar en consola lo que recibiorecibió la peticionpetició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 Cual es la mejor manera de manejar las peticionpetición? fuera de la funcionfunción o dentro? es mejor si creo una carpeta service y traer las peticiones desde ahiahí? 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