Preguntas con la etiqueta [reactjs]

React es una biblioteca de JavaScript para la construcción de interfaces de usuario. Se utiliza un paradigma declarativo que hace que sea más fácil razonar sobre su aplicación y su objetivo es ser eficiente y flexible.

Filtrar por
Ordenado por
Etiquetadas con
2 votos
2 respuestas
424 vistas

React redux, ejecutar una acción a una API y retorna respuesta a la vista

Estoy teniendo un conflicto en como puedo acceder a la respuesta de la API. Lo explico mejor: Mi acción newProfile se encarga de enviar una petición a través de mi configuración de apiAction (Detalle.....
Avatar del usuario DoubleM
  • 1,271
2 votos
1 respuesta
123 vistas

Como puedo poner IF en jsx

estoy trabajando con react, y agregue un sistema de "valorar" la experiencia, quiero que al hacer clic en X estrella redireccione a un lado, y si hace clic en otra X estrella redireccione a ...
Avatar del usuario MatiST00
  • 101
2 votos
2 respuestas
1k vistas

¿Cómo puedo recorrer un objeto dentro de otro?

Tengo el siguiente json que esta hecho en node, el endpoint lo estoy consumiendo de una unión de dos tablas, pero no sé como puedo acceder al campo teacher: He intentado esto, pero me sale undefined: ...
Avatar del usuario Jesus Ponce
2 votos
1 respuesta
386 vistas

Renderizado condicional de una Navbar no se actualiza hasta refrescar manualmente la página

Estoy usando React y tengo un componente TheNavbar.js que según su estado,(en concreto si el usuario está logueado o no), muestra un html u otro. Después de que el usuario se loguea o se sale de la ...
Avatar del usuario Javier Cake
  • 1,493
2 votos
1 respuesta
160 vistas

Pregunta formulario React

Tengo un formulario en react el cual tiene el problema que al agregar el proximo elemento la lista se actualiza a los valores del ultimo elemento que se agregue a esta. } //import ReactDOM from ...
Avatar del usuario Richi
  • 871
2 votos
1 respuesta
652 vistas

Cerrar cuadro de diálogo al dar click en botón guardar

Estoy utilizando componentes funcionales en mi aplicación, inicialmente tenía un componente y lo divide en 3 para poder tener mejor organizado el código y tener componentes reutilizables, el primero ...
Avatar del usuario senseilex
  • 143
2 votos
1 respuesta
4k vistas

React Modal Dinamico - Necesito mostrar varios modal con diferentes contenidos

¿Como puedo tener varios modal con diferentes contenidos en react? Por ejemplo en HTML: En el BOTON para abrir el modal se usa un : data-target="#basicExampleModal" para llamar al id: del modal id="...
Avatar del usuario Felipe Alcantara Garcia
2 votos
2 respuestas
256 vistas

¿Cómo puedo escribir esta promesa con await y async?

Me sucede que la página crashea porque no le da tiempo de recibir la promesa, es decir cuando la vuelvo a cargar el error desaparece pero quiero evitar que aparezca en la primera vez que cargo la ...
Avatar del usuario CeciResponde
2 votos
2 respuestas
2k vistas

Fetch anidados usando react

Estoy intentando realizar dos peticiones con fetch, con la respuesta de una se cambia el estado de un componente, y usando ese estado se hace una segunda petición. El problema es que la segunda ...
Avatar del usuario danielm2402
2 votos
1 respuesta
221 vistas

Alternativa con javascript puro al uso del state en react

Inicie a estudiar react y soy novato. Viendo un videotutorial; en el que se estan pasando valores del state, del hijo(NuevaCita.js) al padre(App.js) en un Class Component, a traves de una funcion ...
Avatar del usuario RazerJs
  • 2,311
2 votos
1 respuesta
81 vistas

Uso de ref en react, Cannot read property 'textInput' of undefined

Estoy desarrollando un formulario de registro con React y quiero usar ref, sin envargo siempre me muestra un error en que esta no se puede leer. - Cannot read property 'textInput' of undefined. ...
Avatar del usuario Jeff Ruby
  • 107
2 votos
1 respuesta
2k vistas

Pasar props a un componente rendeizado por React Router dentro de un Switch

Estoy desarrollando una aplicación sencilla donde no quiero utilizar react con redux. Manejo la autenticacion con firebase, tengo un componente Header que se ve en todas las rutas donde administro el ...
Avatar del usuario Jeff Ruby
  • 107
2 votos
1 respuesta
2k vistas

ReactJS: Uncaught TypeError: $ is not a function

Estoy tratando de llamar una función dentro de un componente en ReactJs la cual tiene código Javascript realizado con jQuery pero este me da el siguiente error en consola mientras tanto el depurador ...
Avatar del usuario Anthony Medina
2 votos
1 respuesta
2k vistas

React cambio de nombre al hacer click. state

Cómo hacer para al hacer click en un botón por ejemplo, me cambie el nombre que tengo en el state. adjunto código(hay cosas de mas como por ejemplo el contador que si me funciona) import React, { ...
Avatar del usuario Tiago Viezzoli
2 votos
1 respuesta
1k vistas

Cambiar estilo de una celda de una tabla dinámica en React.js

Hola estoy haciendo un proyecto en React + apolloGraphQl + mongoDB y quiero programar la edición directa de los campos de la tabla. Pero cuando doy click en el campo que quiero editar se me dispara la ...
Avatar del usuario user3821102
2 votos
1 respuesta
5k vistas

Como hacer que un Estado de un componente esté disponible para otro en React js

He recibido un desarrollo en React para implementar una funcionalidad pero hay algo que me tiene detenido. En un componente de la aplicación se agrega un producto a un pedido, con unos datos de ese ...
Avatar del usuario Mauricio Ardila
2 votos
2 respuestas
604 vistas

Buenas prácticas para hacer un setState

Supongamos que tengo un arreglo de personas: this.state = { personas: [ {nombre: "Genarito"}, {nombre: "Carlos"} ] }; Supongamos que quiero cambiar el nombre solo del primer ...
Avatar del usuario Genarito
  • 2,623
2 votos
2 respuestas
111 vistas

¿Cómo usar React con Babel 6 sin recibir error de 'keys' indefinidas?

Estoy siguiendo un tutorial de React y me encontré con un problema en el primer ejemplo que he probado: importo la versión más moderna de React y del paquete React Dom, también importo la última ...
Avatar del usuario Alvaro Montoro
  • 49.4k
2 votos
1 respuesta
274 vistas

Recuperar datos de backend en ComponentDidMount o en ComponentWillMount

Tengo el siguiente componente: import React, { Component } from 'react' import data from '../data/dummyDataEx.json' export default class Resumen extends Component { constructor (...args) { ...
Avatar del usuario Sergio Martinez
2 votos
1 respuesta
747 vistas

Cómo realizar una buena depuracion y pruebas unitarias en ReactJS? [cerrada]

Hace poco me llamo la curiosidad y quisiera contar con su apoyo para resolver esta pregunta: En ReactJS se crea componentes, y hasta ahí, todo bien, sin embargo cuando se agrega la lógica a ...
Avatar del usuario fredyfx
  • 13.2k
2 votos
1 respuesta
112 vistas

Vite no compila mis imagenes a produccion

Estoy trabajando en una web app de react y estoy utilizando vite para manejarla. El problema es que al momento de compilar para producción no toma en cuenta las imágenes que utilizo en ningún ...
Avatar del usuario Jesus David Lozano
2 votos
1 respuesta
150 vistas

Prevenir pasar de fila al presionar enter en x-data-grid mui/material

Tengo un x-data-grid de mui/material en modo editable, pero me gustaria que al actualizar una columna el foco se mantuviera en la misma fila. Alguien sabe si es posible? Demo de material: introducir ...
Avatar del usuario DoubleM
  • 1,271
2 votos
2 respuestas
65 vistas

El renderizado de mi función está calculando pero no lo renderiza automático

Como verán, al agregar dos productos me los trae y en el total muestra perfecto el monto sumado, si yo agrego cantidad no se renderiza el cambio en el total. Si yo vuelvo a compras y luego vuelvo a ...
Avatar del usuario Federico Galassi
2 votos
2 respuestas
65 vistas

De que manera consigo un valor innerHTML en React?

Esto es una calculadora sencilla, comencé con React hace poco y se que la utilidad de la misma es para no trabajar directamente con el DOM, pero tengo este problema. function Calculator(props){ ...
Avatar del usuario Joaquin Sanchez
2 votos
4 respuestas
216 vistas

Poner una imagen en index.js en React

Tengo un script que muestra este menú como pueden ver existe un pequeño espacio donde debe ir un logotipo, tengo uno ya cargado en un servidor en formato svg. El problema es que yo no se mucho de ...
Avatar del usuario Armando Vázquez
2 votos
1 respuesta
184 vistas

Problema con actualizar input en react usando los datos de un useState

No entiendo por que al escribir en el input de name al escribir una letra se sale del input, pero con el input de stock funciona perfecto, no entiendo por que pasa esto si funcionan con la misma ...
Avatar del usuario Jorge Tapia Orellana
2 votos
1 respuesta
33 vistas

Duda con parámetros de props en componente: destructuring

Mi duda es la siguiente, estoy aprendiendo React y estoy en la parte de los componentes y pasando props a estos mismos, resulta que el primer ejemplo que realicé lo tengo de la siguiente forma. ...
Avatar del usuario Bastian Matteo
2 votos
1 respuesta
683 vistas

Cómo subo una app hecha con Next.js a Hostinger?

Ya he subido varias webs a Hostinger con React haciendo el npm build... me creaba la carpeta "dist" y ya de ahí pan comido... Pero con Next al hacer npm build no me crea ninguna carpeta Dist....
Avatar del usuario Martin Padron
2 votos
1 respuesta
604 vistas

Array con inputs en React

Estoy intentando crear una tabla con un array de productos, el problema que tengo es que los inputs cogen el valor de cualquier input con el mismo "name". Cuando intento eliminar alguno de ...
Avatar del usuario alin11g
  • 23
2 votos
1 respuesta
84 vistas

manterner scroll al retornar a la pagina principal

Necesitaria alguna ayuda con esto, estoy haciendo una pokedex, cuando clikeas el pokemons te lleva a otra screen donde te muestra mas caracteristicas, luego hay una boton de return, mi problema es que ...
Avatar del usuario Agustin Perez
2 votos
1 respuesta
81 vistas

Property 'closeModal' does not exist on type '{ children?: ReactNode; }'

estoy haciendo una ventana modal con ReactJS y TypeScript pero estoy presentando un problema en el parámetro de mi componente y no se porque, alguno me podría ayudar? const ModalExit: React.FC = ({ ...
Avatar del usuario CesarHR
  • 71
2 votos
1 respuesta
92 vistas

¿hacer un Botón con efecto magnético, sin Jquery?

Busco hacer un botón con efecto magnético como en este link: Clic aquí usa "Jquery" Intente usar la función trigonométrica arcTan() para sacar una constante "m" y "n" con ...
Avatar del usuario kraud
  • 521
2 votos
2 respuestas
155 vistas

¿Por que el map no muestra la información?

No sé en que estoy fallando y la verdad que no tengo a nadie que sepa y le pueda consultar, me tira el sigueinte error : Unhandled Rejection (TypeError): casos.map is not a function. La data la ...
Avatar del usuario Fernando Martinez
2 votos
1 respuesta
432 vistas

cuando intento hacer una petición get con axios en react me sale vacio el array

Cuando intento hacer una paticion get en React me sale vacio el array con los hooks... useEffect(() =>{ const obtenerLista = async (res) => { await axios.get("http://127.0.0....
Avatar del usuario dylan guzman
2 votos
1 respuesta
274 vistas

React "TypeError: Cannot set properties of null (setting 'className')"

tengo un proyecto que me tira el error muy ocasionalmente, ya le puse un renderizado condicional en el html manejado por el "state" y que no se muestre hasta que este renderizado, y que no ...
Avatar del usuario Alexis Bermúdez
2 votos
1 respuesta
910 vistas

Al darle reiniciar a mi formulario no me esta limpiando todos los campos - reactjs

mi algoritmo hace lo siguiente: cuando se inicia aparece un select y un input donde se deben agregar cualquier valor luego de darle en el boton "generar". despues me genera un select con la ...
Avatar del usuario Giovanny
  • 324
2 votos
1 respuesta
1k vistas

¿Como exportar un arreglo de objetos a un archivo .csv sin tener que generar una tabla en html react.js? | Ocupo npm react-export-excel

Tengo que imprimir un archivo csv, obtengo un arreglo de arreglos en el cual por cada iteración quiero ejecutar las etiquetas para poder exportar el excel de cada array, la problematica es que como ...
Avatar del usuario Alejandro Gallardo
2 votos
1 respuesta
119 vistas

sumar cada select dinamico en un input - reactjs

Tengo un input y al colocar un numero x me esta generando select dinamicos de forma descendiente, y necesito crear un input nuevo donde se vayan sumando de forma dinamica el valor que vaya ...
Avatar del usuario Giovanny
  • 324
2 votos
1 respuesta
2k vistas

pagina en blanco en react

soy nuevo en el mundo de react. Estoy siguiendo un tutorial para crear para crear una barra de progreso. con lo que tengo deberia de mostrar algun resultado en la pagina web, sin embargo se me ve la ...
Avatar del usuario John Makati
2 votos
1 respuesta
240 vistas

React - Convertir componente a un svg

Estoy utilizando react para crear un componente que renderiza un svg, he decidido crearlo como componente para poder manipular sus colores. import React from 'react'; const Home = ({ color}) => ( &...
Avatar del usuario DoubleM
  • 1,271
2 votos
1 respuesta
85 vistas

¿Cómo saber en cual item hice click para modificar el resto?

Tengo este código donde tengo una lista de elementos y al hacer clic cambio un poco el estilo del botón en el cual hice clic(agrego un clase llamada active), pero al hacer clic en alguno quiero que el ...
Avatar del usuario Rene Limon
  • 4,632
2 votos
1 respuesta
128 vistas

Como optimizar un formulario dinámico en React?

He logrado hacer un formulario que se autocompleta al seleccionar el nombre de un usuario, llenando los demas imputs como, usuario, telefono y email automaticamente, pero quisiera saber como ...
Avatar del usuario Andres Mendez
2 votos
1 respuesta
26 vistas

Error Enviar Archivo REACTJ

Buen día comunidad. Tengo el siguiente problema: Access to XMLHttpRequest at 'http://[ip]:50115/ArchivoUsuario/Worklog/' from origin 'http://[i]' has been blocked by CORS policy: Response to ...
Avatar del usuario Erick Paul
2 votos
1 respuesta
607 vistas

error select dinamico - reactjs

Tengo un select dinamico que se ejecuta apartir de un campo input, cuando agrego un valor en el input me lo pasa a un campo select, por ejemplo si agrego el numero 5 en el input ese valor carga en el ...
Avatar del usuario Giovanny
  • 324
2 votos
1 respuesta
3k vistas

Axios, enviar más de un parámetro con una petición post con axios

Estoy creando una app de imágenes en la cual utilizo react js, mongo db y axios para las peticiones, me gustaría saber cómo enviar más de un parámetro, debido a que, intento realizarlo, pero sucede lo ...
Avatar del usuario Joshua Rivera
2 votos
1 respuesta
183 vistas

Enviar misma accion de mi componente en mi NavBar

Colegas, estoy empezando con REACT tengo hasta el momento un login, donde me envía a un formulario que lo denomino MENU sin embargo continuando investigando, llegué a la parte de creación de mi barra ...
Avatar del usuario Frank10
  • 23
2 votos
1 respuesta
2k vistas

Duda con useState de react: ¿Cómo puedo agregar objetos al array de otro objeto usando useState?

En el código que expongo abajo, lo que quiero hacer es agrandar el array 'locationList' de mi objeto 'initialData' agregando un nuevo objeto 'locationData'. Como podrán ver, me estoy apoyando del ...
Avatar del usuario user191116
2 votos
1 respuesta
129 vistas

Autocomplete React comenzar a partir de la tercera letra

estoy trabjando con el componente Autocomplete de material-ui y el unico problema que se me ha presentado es que necesito que el autocomplete se genere a partir de la tercera letra ingresada en el ...
Avatar del usuario Oliver Prada
2 votos
1 respuesta
13k vistas

Error CORS en REACT + AXIOS

Estoy armando mi primer app con REACT, y tengo que hacer una peticion POST a una dirección. Estoy usando axios, pero me sale el siguiente error: Access to XMLHttpRequest at 'http://PRUEBA.org/' from ...
Avatar del usuario amoqs
  • 33
2 votos
1 respuesta
195 vistas

Error de hooks al crear sistema de importación de rutas en APP.js de react

Buenas tengo un proyecto con create-react-app (con hooks) en el que tengo las rutas una archivo ./routes con una constante que es un array con objetos (path de la ruta y componente) Estoy tratando de ...
Avatar del usuario Juanperez
  • 438