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.
2,212
preguntas con respuestas sin votos o no aceptadas
4
votos
2
respuestas
314
vistas
Capturador de Input (onChange) no funciona con React Hooks
¿Alguien me puede explicar porque la app no cambia correctamente el valor titulo (variable en el State) cuando el usuario usa este input (onChange={(e) => setTitulo(e.target.value)} ?
Parece que ...
4
votos
2
respuestas
1k
vistas
Evitar rerender de child components cuando las props del padre cambian
Tengo un componente que, en una parte, renderiza otro componente hijo.
Quiero que ese componente hijo no se rerenderice a menos que cambie una prop que el padre le pase.
usé useMemo, luego investigué ...
4
votos
2
respuestas
2k
vistas
¿Cómo renderizar imágenes mediante JSON en React?
Hace poco empecé un proyecto en React con create-react-app y tras crear algunos componentes quise optimizar mi código con un JSON que contuviera los elementos necesarios que lograran renderizar de una ...
3
votos
0
respuestas
61
vistas
Como hago para filtrar los archivos segun su type? React, axios. js
La Api que espera el llamado le agregaron una const {type} = req.query;
async function getFiles(req, res) {
const { type } = req.query;
const files = await QualificationFile.find({ qualification:
...
3
votos
0
respuestas
196
vistas
Renderizar otro componente con un click
Estoy usando React.js y quisiera utilizar Hooks para enviar los datos que obtengo de la petición con fetch.
Quisiera enviarlos a un nuevo componente y mostrarlos en la vista al usuario, cuando hago ...
3
votos
0
respuestas
29
vistas
Problemas con firebase
estoy teniendo una serie de problemas con firebase a la hora de registrar y logear usuarios, el primero de esos problemas es que guarda todo lo que el teclado capta, como si estuviese constantemente ...
3
votos
0
respuestas
237
vistas
Renderizar un componente de React despues de fetch
Tengo este codigo, que es el del componente Grid, que genera la lista de riders disponible a partir del la información grabada en el LocalStorage, el problema está en que renderiza antes de que llegue ...
3
votos
2
respuestas
910
vistas
Firebase/React - Cannot read properties of undefined (reading 'signInWithEmailAndPassword') at RegistrarUsuario
se me presento este error y me gustaria saber si me pueden ayudar a solucionarlo, no entiendo bien el porque me da ese error, investige por todos lados y no se porque me da undefined
...
3
votos
1
respuesta
227
vistas
Error en React usando material UI
Soy nuevo en react y creando una App me encuentro con este error, que no se realmente cuál es y porqué ocurre. Espero alguien pueda ayudarme.
Este es el error:
findDOMNode is deprecated in StrictMode....
3
votos
0
respuestas
98
vistas
¿Cómo debería hacer para extraer correctamente, de un React FC, la función que trae los documentos de Firebase con onSnapshot? Estoy usando Ionic
Estoy intentando extraer la consulta de una colección de firebase y llevarla fuera del componente pero no logro saber como hacerlo correctamente.
Estoy usando Firebase, Ionic, React.
Este es mi ...
3
votos
0
respuestas
142
vistas
Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0
estoy teniendo este problema, desde que traté de implementar la librería react-native-camera y ejecutar mi proyecto, ya añadí los permisos requeridos en la carpeta android.
> Task :react-native-...
3
votos
1
respuesta
77
vistas
create-react-app vulnerabilities
¡Hola!
Mi problema es que siempre que utilizo create-react-app
npx create-react-app app
Me devuelve 80 moderate severity vulnerabilities :(
3
votos
1
respuesta
91
vistas
setState undefined handleMouseMove Event React JS
estoy haciendo varios ejercicios de react, y como hay varias maneras de declarar un componente, opte por funciones flecha, mi duda es que no me funciona el setState para cambiar los valores del state ...
3
votos
1
respuesta
1k
vistas
Como quitar la clase css focus a un elemento en react
estoy intentando resolver un pequeño ejercicio en reactjs, soy nuevo iniciando en este framework y requiero hacer lo siguiente:
Tengo cierta cantidad de DIV un ejemplo 1000. la idea es que cuando haga ...
2
votos
0
respuestas
52
vistas
Error de login usando mutacion GraphQL
Al hacer un form para login en react usando useMutation del paquete Apollo/Client al momento de hacer el submit para el login, me sale el siguiente error:
Mutation error: ApolloError: Variable "$...
2
votos
0
respuestas
29
vistas
¿Cómo obtener todos los componentes presentes en una página en React?
Necesito poder mapear todos los componentes que se encuentran cargados en una página como podría ser el HOME, para luego accederlos dinámicamente a través del DOM.
Suponga la siguiente estructura
<...
2
votos
0
respuestas
24
vistas
condicional en el segundo then del fetch
Estoy realizando una llamada a la API para registrar un usuario. Cuando el usuario ya existe la API me devuelve un código 409, así que lo manejo con un condicional el el primer then.
Lo que quiero es ...
2
votos
1
respuesta
92
vistas
Repetir componentes a renderizar según valor variable
Estoy avanzando en mi aprendizaje de React, y me he atascado en un renderizado
Vale. Mi render se ejecuta bien con lo siguiente:
root.render(<div className="creado">
&...
2
votos
0
respuestas
50
vistas
controlar el comportamiento innecesario REACT useState()
tengo 3 select en un componente de REACT, la cuales contienen las regiones, ciudad, y comuna de Chile.
LO QUE TENGO HASTA EL MOMENTO
Cuando carga la pagina hacer una consulta a la base de datos y me ...
2
votos
0
respuestas
30
vistas
¿Como crear un link de descarga que apunte al servidor de mi API y no a localhost?
Estoy teniendo un ligero problema con la descarga de archivos de una API, probando directamente desde ella lo hace correctamente, pero cuando lo hago desde local no.
Obviamente, si la API es externa ...
2
votos
1
respuesta
34
vistas
Como evitar que la fila de la clase actualizada cambie de posicion en un array de clases?
Cordial saludo, tengo un programa de clases fitness con un ruby on rails y react, al reservar una clase hice que el numero de quotas de la clase de reduzca en uno para cada reserva, el problema pasa ...
2
votos
0
respuestas
59
vistas
¿Cómo insertar una variable de entorno desde un archivo .env en pwa react para manifest.webmanifest?
Tengo una situación con un PWA de reacción en el que necesito que el manifiesto de la aplicación tome los valores del archivo de configuración .env. He intentado hacerlo de las siguientes maneras, ...
2
votos
1
respuesta
866
vistas
Como recargar un componente padre mediante un hijo (react)
necesito que mi componente hijo recargue el componente padre mediante un botón (que está en el componente hijo).
El funcionamiento es que al dar click en el botón de check se mueva de posición, por ...
2
votos
0
respuestas
29
vistas
Escuchar eventos en contratos
estoy intentando escuchar eventos de errores y transacciones correctas, pero no logro hacerlo.
await contract.mint(mintAmount, {
gasLimit: String(385000),
value: totalCostWei,
}).once("...
2
votos
0
respuestas
107
vistas
Cambiar dato de array multidimensional con spread operator en reactjs
tengo un Json que contiene entre sus propiedades una que es un Array con 2 propiedades Answer y Value. Necesito acceder y cambiar el contenido de la propiedad Answer[] estoy trabajando con React, El ...
2
votos
1
respuesta
122
vistas
copiar campo desde un componente a otro por medio de un modal - reactjs
tengo dos componentes el principal que se llama primero y el otro que es el contenido del modal que se llama segundo, en el primer componente tengo un input con un boton de "+" que al darle ...
2
votos
1
respuesta
102
vistas
Iterar un bucle con un numero empezado por 0
Les comento el siguiente problema: Estoy usando una API de clima para mostrar el clima durante las próximas 12hs (Usando React). Lo que la API me trae son tres arrays con 24 elementos de una hora cada ...
2
votos
1
respuesta
697
vistas
pasar propiedades de un componente a otro en reactjs
Soy nuevo en Reactjs y tengo unas cuantas dudas me piden refactorizar este código:
import React from 'react'
import ReactDOM from 'react-dom'
const App = () => {
const course = 'Half Stack ...
2
votos
1
respuesta
1k
vistas
¿Cómo puedo mapear un array de objetos en react?
Estoy implementando una practica para mostrar los datos obtenidos del Backend y mapearlos.Tengo el siguiente array de objetos con el que realizo mis pruebas:
const test = [
{id: 10, value: "...
2
votos
1
respuesta
207
vistas
¿Cómo puedo poner los metadatos para visualizar Social Cards cuando se comparte enlaces?
¡Hola buenas! Estoy algo desesperado porque he de insertar los meta tags con los Open Graph y twitter:card.
El tema es que los tengo que meter mediante js por cómo está estructurado el proyecto.
Hay ...
2
votos
1
respuesta
233
vistas
Obtener mes de una fecha en react (mapeando un array)
Estoy bajando un json desde axios en react, y necesito obtener el mes de todas las fechas que baje, sin embargo sale "valor.fecha.getMonth is not a function".
Hay alguna forma de alojar la ...
2
votos
0
respuestas
171
vistas
Mantener sesion React Redux con JWT
Estoy trabajando con un backend que esta realizado en python3, y estoy teniendo un problema con los endopoints que me han dado. Ya que al querer mantener la sesion con redux los endpoints que me dan ...
2
votos
1
respuesta
305
vistas
cargar solo un datos especifico de mi base de datos con axios - reactjs
como hago para extraer solo un dato de la base de datos, he logrado que haga un .map pero necesito que solo me muestre un dato especifico para poder trabajar con el, he intentado sacar un valor de mi ...
2
votos
0
respuestas
148
vistas
¿ Como eliminar el Header en React Native con Onboarding?
Estoy construyendo un App con react Native.
He añadido pantallas de presentación con la librería react-native-onboarding-swiper
Quiero eliminar el Header que muestra la App en las pantallas de ...
2
votos
0
respuestas
41
vistas
Error GET - Too many re-renders. React limits the number of renders to prevent an infinite loop
Tengo un proyecto en react JS el cual consume una API, pero me tira el error del titulo al hacer GET.
Aquí mi código
Articulos.js
import axios from 'axios';
//constants
const dataInicial={
...
2
votos
1
respuesta
102
vistas
Cómo soluciono este loop infinito React?
Lo que quiero hacer es que me obtenga una lista de los archivos en la memoria interna para poder procesarlos despues, pero no logro quitar ese loop, con push si funciona pero yo lo que quiero es que ...
2
votos
0
respuestas
72
vistas
Error fetching data: SyntaxError: Unexpected token < in JSON at position 0
Necesito hacer un fetch y me salta este error, lei que se podia cambiar el JSON a la carpeta public, pero a mi me dice que no puedo usar nada fuera de src. Uso React
import array_productos from "....
2
votos
1
respuesta
22
vistas
Cruze de Componenetes React
No tengo idea de que pasa pero cuando modifico un componenete es otro la que se modifica, no se como explicarlo pero es ese el caso, tengo 2 calificadores, con el primero no hay problema pero el ...
2
votos
0
respuestas
36
vistas
¿Por qué el usuario registrado no está autenticado en Firebase? ¿Por qué el usuario no puede agregar productos a la base de datos Firebase?
¿Qué debo agregar a mi proyecto para que el propietario autenticado pueda agregar productos o modificarlos?
¿Qué debo hacer para que el usuario registrado pueda agregar productos al catálogo desde el ...
2
votos
0
respuestas
120
vistas
Mostrar en render segun valor dentro de localStorage o estado - REACT
Mi app trae info de una api de peliculas. Entre esa info que traigo esta el id que lo almaceno en el localstorage en 'favoritos' y tambien en un estado favoritos.
Cuando hago un mapeo en el render de ...
2
votos
1
respuesta
186
vistas
Filtrar array Json React
Tengo una función para filtrar una lista con los datos que obtengo de una API, el problema es que no muestra los datos hasta que el usuarios escriba algo en el input. Los datos del Api se guardan en ...
2
votos
0
respuestas
33
vistas
Capturar value de select de formulario en otra pagina y localstorage
estoy intento capturar el valor de un select que pasa 2 values 1 y 2 de un formulario hacia otra pagina y en localstorage he intentado pero siempre me manda solo el value 1 no consigo enviar el value ...
2
votos
0
respuestas
23
vistas
Mantener los attributes en su posición en el editorSQL. React, JS
buen día, esta la continuación de esta pregunta Poner parámetros desde la UI a un editor SQL, React, Js. Que ya se solucionó. En esta es cuando agrego un parámetro desde el editor SQL y modifico en ...
2
votos
1
respuesta
30
vistas
Falla a la hora de implementar la protección de las rutas ? [REACT]
estoy tratando de implementar la proteccion de mis rutas pero está , me falla a la hora de la redirección:
¿Quisiera saber que es lo que está fallando ya que no me redirigé a ninguna ruta, tampoco me ...
2
votos
0
respuestas
68
vistas
¿En que lugar de la aplicación coloco el interceptor de axios?
Estoy desarrollando una aplicacion que en el frontend utilizo react.
mi intencion es que cuando la api rest devuelva como respuesta: error status 401 me redireccione a otra pagina y elimine el token:
...
2
votos
1
respuesta
118
vistas
Como hacer que una función espere a otra para ejecutarse en React
Estoy intententando hacer un formulario dinamico en React con usuarios de una api, pero no se como hacer para que la funcion que renderiza la lista de los usuarios espere la respuesta de la api, lo he ...
2
votos
0
respuestas
146
vistas
Importar funciones del CDN en react y usarlas en los componentes
Estoy implementando un medio de pago con braintree para devolver un nonunce y enviarlo al backend, en la documentación se explica importa unos cdns propios de ellos, pero toda la explicación está en ...
2
votos
0
respuestas
49
vistas
¿Por qué no funciona react-native-onboarding-swiper en mi pantalla de bienvenida? Invalid attempt to destructure non-iterable instance
Tengo una aplicación creada haciendo mis estudios de React Native.
Una vez terminado, agregué algunas pantallas de presentación y agregué ' react-native-onboarding-swiper' que me pareció la forma más ...
2
votos
0
respuestas
53
vistas
DESHABILITAR BOTON REACT-REDUX
Estoy trabajando con una pequeña aplicacion en react-redux en donde uso 2 botones: AgregarCompra, Reservar. Lo que busco es que al momento de usar el boton "Reservar" este se deshabilite y ...
2
votos
0
respuestas
420
vistas
Ruta dinámica - React Router
Estoy creando un eccomerce con React y Strapi, necesito crear rutas dinámicas con React Router, este es mi código:
/* React components */
import React from 'react';
/* Librarys */
import {
...