Skip to main content
mejoras
Origen Enlace
Shassain
  • 5.6k
  • 6
  • 42
  • 76

//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

//Hola gente estoy en un proyecto y me pidiero usar react, sinceramente la documentacion de react te deja muchisimas dudas, a mi parecer esta muy mal redactada y no puede entender varias, cosas, la primera es que en la documentacion de react casi siempre se habla de la programacion 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 classes y se me arma un quilombo, en este momento al hacer uso de Axios, quiero mostrar por consola el resultado de la peticion pero se me traba la pc ya que se genera un bucle y no deja de mostrar en consola lo que recibio la peticion, 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 peticion? fuera de la funcion o dentro? es mejor si creo una carpeta service y traer las peticiones desde ahi? 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

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

Origen Enlace
Enzo
  • 131
  • 7
  • 28

errores y dudas con react

//Hola gente estoy en un proyecto y me pidiero usar react, sinceramente la documentacion de react te deja muchisimas dudas, a mi parecer esta muy mal redactada y no puede entender varias, cosas, la primera es que en la documentacion de react casi siempre se habla de la programacion 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 classes y se me arma un quilombo, en este momento al hacer uso de Axios, quiero mostrar por consola el resultado de la peticion pero se me traba la pc ya que se genera un bucle y no deja de mostrar en consola lo que recibio la peticion, 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 peticion? fuera de la funcion o dentro? es mejor si creo una carpeta service y traer las peticiones desde ahi? 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