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.
3,934
preguntas
0
votos
0
respuestas
17
vistas
Ajustar imagen a un div
elabore un carrusel el inconveniente es que si las imágenes son del mismo tamaño me funciona correctamente, pero cuando hay una imagen de mayor tamaño el div que las contiene crece y me deja un ...
0
votos
0
respuestas
5
vistas
React Cargar datos a una tabla desde otra con archivos JSON
Tengo una tabla donde se lista una serie de empresas con su nemotécnico, lo que necesito es que al hacer clic en alguno de los nemotécnicos (por ejemplo SPY) la tabla que se encuentra a la derecha (...
-3
votos
0
respuestas
10
vistas
Como pasar props desde React a Angular con single-spa
Tengo un login construido en Angular y necesito comunicarme con el desde mi app en react que contendra el home y permitira al usuario visualizarla cuando el login sea valido, el tema es que se me ha ...
0
votos
0
respuestas
7
vistas
Uncaught SyntaxError: Unexpected token '<' (at bundle.js:1:1) // REACT JS
estoy aprendiendo React js pero me salta este error en la consola. Les comparto el codigo del index.html aparte no tengo una carpeta bundle.js:1:1 que menciona el error.
En cuanto al punto rojo de la ...
0
votos
0
respuestas
24
vistas
¿Porque un input me sale "undefined" y el otro me da el valor cuando se lo pido?
import React, { useState } from "react";
import { Link } from "react-router-dom";
import "./Unirse.css";
const Unirse = () => {
const [usuario, setUsuario] = ...
0
votos
0
respuestas
29
vistas
Porque no me agarra los valores de los campos de texto de un formulario REACT
Hola estoy haciendo un formulario de registro per por alguna razon no me agarra los valores de los textos porque me sale un error de que debe completar los campos cuando ya estan con datos.
Pruebo por ...
-2
votos
0
respuestas
27
vistas
Error 400 cuando realizo un axios.post en react
Estoy tratando de hacer una peticion con axios, pero me salta el error 400. No he podido ver que tengo mal. en Postman funciona pero al hacerlo aqui en el front con react no.
Estoy utilizando la ...
0
votos
0
respuestas
19
vistas
Consumir API con react "undefined"
Buen día a todos.
Estoy haciendo un proyecto con react, donde consumo un json desde una página realizada en wordpress. Este es mi código
import React, {useEffect, useState} from 'react'
const App = ()...
0
votos
1
respuesta
20
vistas
Deploy en React
Estoy intentando hacer el deploy de un proyecto con React en gh-pages.
Link del repositorio: https://github.com/isturiz/daily-tasks
Link del sitio: https://isturiz.github.io/daily-tasks/
Cuando lo ...
0
votos
0
respuestas
17
vistas
Imagén de servidor local en node solo se ve en el puerto donde esta node
tengo una api hecha con node que funciona en el puerto 3001 funciona todo perfecto solo que no me muestra imagenes de ese servidor en react (que funciona en puerto 3000)
hice una configuracion de ...
0
votos
0
respuestas
7
vistas
React: Error styled components no aplica estilos
estoy aprendiendo react, y como aplicar estilos usando styled-components, instale el paquete utilizando el codigo getting started en la pagina oficial de styled-components e instale el paquete.
npm ...
0
votos
0
respuestas
11
vistas
React - Axios - Como controlar una ejecucion de una peticion Get en Axios?
Mi pregunta va enfocada a como poder controlar una peticion axios definida dentro de una funcion , en mi aplicacion tengo un componente LoginProvider que se encarga de definir los contextos en los ...
0
votos
0
respuestas
4
vistas
Redux-devtool y persist no funcionan en Safari o ningún navegador móvil
Estoy desarrollando una plataforma para la cual estoy utilizando react- redux-devtools y redux persist para persistir el estado del aplicativo, todo esta perfecto, inclusive también si lo acceso desde ...
0
votos
0
respuestas
4
vistas
No puedo presionar un boton con el teclado desplegado react native
Hola buenas esque no he podido solucionar el problema de que tengo el teclado desplegado y cuando presiono un boton no me ejecuta el evento que le tengo al boton sino que primero me oculta el teclado ...
0
votos
1
respuesta
20
vistas
Como validar si un table (tbody) tiene información sin contar el encabezado
Tengo un tbody que voy llenandolo de informacion, dependiendo de un filtro y un mapeo realizado a "data"(este data es pasado por parametro desde otro componente), en ciertos casos hay ...
0
votos
0
respuestas
18
vistas
Cambiar solo el estilo de un elemento en react en un bucle
tengo el problema de que tengo una función de map que esta mostrando todos los elementos como se ve en el codigo 1, el cual quiero que si le de click en un elemento quiero que el div tenga la ...
0
votos
0
respuestas
6
vistas
typing, contadores, gráficas, ocultar barra de navegacion en REACT?
Tengo una web con animaciones tradicionales (typing, contadores, gráficas, ocultar barra de navegacion) con codigo js al final dentro del html. Pero ahora tengo que migrar a react.
Coloco el código ...
0
votos
1
respuesta
20
vistas
Actualizar datos en usuarios en linea sin que refresquen
Tengo un forntend en React y el back en Nodejs.
Lo que necesito es actualizar ciertos datos de perfil a los usuarios que se encuantran actualmente en linea, cuando desde un usuario admin por ejemplo ...
0
votos
0
respuestas
21
vistas
¿Cómo ejecuto una función interna al efectuar un pago en X pasarela de pagos?
Estoy trabajando con Firebase con una plataforma de cursos e intento añadir la pasarela de pagos "Stripe".
En resúmen yo me estoy trayendo los cursos con toda su info a través de una API ...
0
votos
0
respuestas
17
vistas
Can anyone tell me why this is happening? t.t [cerrada]
Card is a react component and is called 100 times by a card container. In the last console.log the value of count is 200 when I expected it to be 100.
(I've already tried putting the dietTypes ...
0
votos
0
respuestas
33
vistas
Error al enviar una petición por cada letra que escribo
`
Debo hacer la peticion al backen de email y pass y guardar el token, mas al querer llenar los datos me envia esos errorres por cada letra que digito como se ve en la img antes de siquiera llenar el ...
0
votos
0
respuestas
20
vistas
Filtrar productos con fetch en React
Estoy trabajando con una fake api y un json local y estoy intentando filtrar los productos por categoría pero no lo estoy logrando hacer.
Tengo un componente con estos botones:
<div className='...
0
votos
1
respuesta
17
vistas
Error al guardar imagen en la galeria React cordova
Actualmente estoy utilizando el siguiente plugin pero me da error al guardar la imagen en la galleria
https://socket.dev/npm/package/cordova-plugin-save-image-gallery
Error
2023-01-19 12:21:47.296 ...
-2
votos
0
respuestas
25
vistas
Tengo un problema con mi provider para renderizar diferentes stacks navigator
Estoy implementando un provider el cual me ayuda a tener el estado de mi usuario en diferentes vistas, la función principal de ese provider es renderizar diferentes uno u otro stack navigator ...
0
votos
0
respuestas
15
vistas
row y col de boostrap en react (jsx)
estoy utilizando boostrap en react y use las cards de boostrap usando informacion de props de otro componente. quiero que queden una al lado del la otra pero cuando uso row. col, lenght, etc de ...
-4
votos
1
respuesta
19
vistas
No se reflejan los cambios de react en mi servidor
Soy nueva con este tema y me encuentro un poco perdida.
Tenemos un proyecto desarrollado en react, una versión anterior se encuentra desplegada en el servidor de pruebas. Hemos realizado varios ...
0
votos
0
respuestas
13
vistas
No renderiza react router dom y aparece error 404
Buen dia, tengo una app en React con host ejemplo "app.com", y mi problema es que cuando pego la url "app.com/mensajes" aparece el error 404.
El código del router es el siguiente:
...
3
votos
1
respuesta
104
vistas
+50
Cuando hago asincrona una funcion recibo el error: Objects are not valid as a React child (found: [object Promise])
Tengo un componente que recibe un array con objetos. Estos objetos pueden tener un type y depende de esto, deberian renderizar diferentes componentes.
Me sucede que el type: reviews necesita hacer ...
1
voto
0
respuestas
9
vistas
Cómo cambiar atributo de TailwindCss con useState en React
Hace no demasiado he empezado a programar y estoy aprendiendo React recientemente.
Estoy intentando hacer un carousel de imágenes con dicha librería; al pulsar flecha de avance, muestre la imagen ...
0
votos
1
respuesta
33
vistas
Error 400 al hacer Post con axios
Estoy tratando de hacer un post con axios en ReactJS, pero me salta un error 400 cuando hago submit...
Por parte del back no hay mucho que mostrar, es todo por localhost el proyecto, está apuntado a ...
1
voto
1
respuesta
20
vistas
Renderizado de api con next js 13
Estoy intentando usar la API de themoviedb con next js 13, realizó el fetch con promises, pero al
querer renderizar la response no se hace, ni me da ningun error al respecto, qué es lo que
estoy ...
0
votos
0
respuestas
26
vistas
No actualiza el componente al darle click a un botón en reactjs
Tengo un componente "TableConsolidado" en el cual tengo un boton llamado Test que al hacer click llama a la funcion "copiarDatos", en esta funcion hago un setDatosPorCopiar para ...
1
voto
2
respuestas
33
vistas
Cuando debo utilizar "arrow function" y cuando utilizar "function" en mis componentes de ReactJs
tengo esta duda desde hace bastante tiempo, no se si es importante o no el diferenciar funciones de tipo flecha (arrow function) frente a las funciones normales (function) en los componentes de ...
0
votos
1
respuesta
18
vistas
Es posible guardar en un useState un array de un json?
Me explico, estoy recibiendo un Json con el siguiente fetch:
function LoadActivity() {
fetch("https://localhost:7079/cliente/listarClientes")
.then((response) => response.json(...
1
voto
1
respuesta
25
vistas
Como mostrar datos obtenidos a traves de un Fetch en ReactJS
No estoy pudiendo "mapear" los datos obtenidos en un json con un Fetch en React.
Eh intentado guardar los datos una Lista, con componentDidMount(), mapearlos directamente, pero sin éxito ...
0
votos
0
respuestas
8
vistas
Loader apropiado para archivos 3D en NextJs
Quiero usar React-Three/Fiber en NextJs pero al cargar el modelo 3D en formato .GLTF, tengo el error:
"You may need an appropriate loader to handle this file type, currently no loaders are ...
0
votos
1
respuesta
21
vistas
Como puedo usar useState hook en un bucle infinito?
Soy principiante en React y quiero crear un componente que este en constante movimiento, incrementando su estilo de translate, pero el incremento no se comporta como lo esperaria, que esta pasando?
...
0
votos
1
respuesta
12
vistas
Manejar los estados de varios modales
necesito ayuda con el manejo de los estados de un componente modal, lo que estoy haciendo es recibiendo un array de ítems desde una API, asignándoselos a un estado.
La idea es que por cada elemento ...
0
votos
0
respuestas
26
vistas
Renderizado infinito con UseEffect
Buenas noches tengo un problema al escuchar cambios con el Hook UseEffect
Este es el useselector que uso para traerme el estado del store de Redux
const getEmployeInformationState = useSelector(
(...
0
votos
0
respuestas
32
vistas
soy nueva en react y estoy tratando de hacer un boton que me reidirija a otra página practico y funcional
Estoy empezando con react y quisiera saber como hacer lo que dice en el título he tratado de algunas maneras que vi en internet, pero algunas son muy largas y para mi mínima experiencia complicada u ...
3
votos
1
respuesta
21
vistas
Cannot read properties of undefined trim()
El metodo de trim no me lo detecta como función, no me lo detecta.
const [inputValue, setInputValue] = useState();
const onSubmit = (event) =>{
event.preventDefault();
if( inputValue.trim()...
0
votos
0
respuestas
15
vistas
Como hacer un fetch con react
quiero hacer un fetch de un json que tengo en local, pero a la hora de hacerlo me muestra el siguiente mensaje.
Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. ...
0
votos
0
respuestas
18
vistas
Comunicar componentes en React
Estoy empezando con React y estoy intentando hacer un conversor de monedas muy sencillo. En el primer componente tengo una lista de las monedas y creo 2 selects para seleccionar las monedas que se ...
1
voto
1
respuesta
15
vistas
react responsive carousel no pausa el video cuando hago slide
Hola estoy haciendo un carousel con imágenes y videos con react responsive carousel pero al momento de ver el video y seguir con el slide a otra imágenes o videos, este se sigue reproduciendo, no ...
1
voto
1
respuesta
15
vistas
Mostrar video en thumbs react boostrap carousel
tengo un carousel con react boostrap carousel y en los thumbs me muestra las imágenes que tengo pero también tengo un video el cual no se muestra allí
Adjunto codigo jsx
<div className="card&...
-1
votos
0
respuestas
11
vistas
Error al hacer deploy con una app de react hecha con vite
quise hacer el deploy en vercel de una app que hice con vite y me sale este error
Tambien aparece que hay un error en un componente, pero no estaria entiendiendo que es. La app funciona a la ...
0
votos
0
respuestas
33
vistas
Al hacer click en el button por primera vez, no ejecuta un mapeo, al hacerlo por segunda vez si
tengo un componente TableConsolidado en el cual al hacer click por primera vez en mi button "Test" ejecuto la funcion storeCopiarDatos, pero al hacerle click no llega a realizar el "...
0
votos
0
respuestas
20
vistas
Modificar estado JSON en React JS
Necesito tener en un estado de React JS varios valores, de forma que pueda modificar parcialmente el estado, alterando el valor de sólo uno de ellos.
Este código funciona y teniendo varios estados ...
-1
votos
0
respuestas
16
vistas
Rendimiento de una web NextJS
Tengo una aplicación desarrollada en NextJS y desplegada en Vercel. El problema que tengo es que las analíticas de rendimiento de Vercel me dan resultados muy bajos y no entiendo por qué.
Las imágenes ...
0
votos
0
respuestas
7
vistas
La api de Crossmint no me autoriza aun con credenciales
Buenass comunidad.
Tengo una consulta, alguna vez utilizaron la api de Crossmint para mintear un NFT??
Estoy intentando hacer un post para mintear un nft pero por alguna razón no me autoriza, me ...