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
1 voto
1 respuesta
426 vistas

UseState me renderiza el estado previo

Tengo dos inputs que cambian el texto de una etiqueta P al mismo tiempo, pero el problema es que el render que me muestra siempre es el valor anterior que se guardo. Entiendo que tengo que usar un ...
Avatar del usuario Alex Garzón
1 voto
1 respuesta
49 vistas

Problema useEffect ciclo indefinido

Tengo un problema al llamar a una función para cargar apenas se inicia la pagina. Tengo una función getTasks() que me devuelve un array con tareas que se crearon. dentro de mi componente listTasks ...
Avatar del usuario Tomi Steven
1 voto
1 respuesta
3k vistas

React - Enviar datos por post a una API mediante fetch y obtener el resultado

Esta función dentro de mi código react lo que pretende hacer es enviar los datos mediante post a una API y recoger el resultado. Para hacer las pruebas los datos correctos que tengo són email [email protected] ...
Avatar del usuario ilernet
  • 1,323
1 voto
1 respuesta
122 vistas

¿Como puedo imprimir mi búsqueda en React + Laravel?

quiero hacer un buscador de clientes por número de identificación, por ahora tengo que al momento de digitar el numero y hacer click en el boton me mande el n° de doc al backend en Laravel, logro que ...
Avatar del usuario Zetian
  • 13
1 voto
1 respuesta
66 vistas

Porque obtengo este resultado usando Redux?

Estoy aprendiendo Redux y tengo una duda cuando aplico en este sencillo ejemplo: const redux = require('redux'); const counterReducer = (state = { counter: 0 }, action) => { if (action.type === '...
Avatar del usuario José Ignacio
1 voto
2 respuestas
606 vistas

Mqtt con React.js

Tengo la pagina web en React y necesito conectarla a MQTT para pasar datos de los sensores. He creado el archivo mqtt.js dentro de los src const mqtt = require('mqtt/dist/mqtt') const client = mqtt....
Avatar del usuario Ekaterina Skripnikova
1 voto
1 respuesta
610 vistas

Problema actualizando un componente con onChange y onClick React JS

Tengo un problema con un componente de React. Tengo un modal que hace la division entre dos valores que pone el usuario (velocidad y distancia) para darnos el resultado "tiempo". Esta ...
Avatar del usuario pilki
  • 302
1 voto
1 respuesta
569 vistas

Seleccionar elementos del dom reactjs

Como puedo seleccionar unos elementos del DOM usando reactJs, con javascript utilizaba lo que es el querySelector, getElementById, etc, pero en React es correcto usar estos mismo?, suponiendo que ...
Avatar del usuario Luis Fernando Perez Varajas
1 voto
1 respuesta
42 vistas

Como hacer todo list usando contextApi + localStorage

lo unico que quiero hacer es un TODO list que se guarde en localstorage, lo cual ya logre, y por otro lado quiero tener esos datos en toda la app usando contextApi,lo raro es que esto ya lo hice ...
Avatar del usuario xDonYeyox
1 voto
1 respuesta
401 vistas

useRef no está funcionando - React

Contexto Tengo un componente de react, específicamente un hook, el cuál devuelve un objeto con una función y también con un elemento JSX. Problema: Dentro del elemento JSX que estoy devolviendo, tengo ...
Avatar del usuario Jesús García
1 voto
1 respuesta
299 vistas

Importar componente de bootstrap 5 en create-react-app

Hola y gracias por la ayuda, estoy utilizando bootstrap 5 para dar estilo a una app en react, pero tengo problemas al incluir el js del componente de bootstrap. Aqui comparto el codigo de como hago la ...
Avatar del usuario Usiel
  • 556
1 voto
1 respuesta
2k vistas

Como pasar datos de componente HIJO a componente PADRE ReactJS

mi pregunta el dia de hoy es simple y sencilla. Estoy intentando pasar un dato(en este caso un token) de componente hijo(Login) a componente padre (Home). Lei mucha documentacion, pero aun no ...
Avatar del usuario Guido Gagliardini
1 voto
1 respuesta
99 vistas

Calcular subtotales por categorías en un json

me encuentro realizando un calculo en Java Script que me de como resultado todo el stock que hay en los diferentes almacenes. Esta es mi data: const data = [ {ciudad: "Bogotá", name: "...
Avatar del usuario Weizman
  • 364
1 voto
1 respuesta
159 vistas

¿Hay alguna manera de pasar una regla de css dinámica de JS para que pueda ser añadida en React?

Estoy creando una animación on scroll de un svg pero con react y tengo la siguiente duda, ¿hay alguna manera de pasar esta regla de css dinámica de js: line.style.strokeDasharray para que pueda ser ...
Avatar del usuario Richi
  • 871
1 voto
1 respuesta
378 vistas

No se realiza llamada a Axios

al hacer una funcion que haga una llamada tipo post para permitir loguearse: const loguearse = () => { let codeRes; alert("ESTOY DENTRO DE LA FUNCION"); Axios.post("http:...
Avatar del usuario kilex
  • 413
1 voto
1 respuesta
283 vistas

¿Cómo puedo crear aplicación con create-react-app 5.0.0? - No hay más soporte para la instalación global de Create React App

Cuando fui a crear un proyecto nuevo con el comando npx create-react-app nombre-app, me salió lo siguiente: Hice tal cual aparece en el log y desinstalé globalmente create-react-app pero me sigue ...
Avatar del usuario V0LT3RR4
  • 1,211
1 voto
1 respuesta
63 vistas

No puedo acceder al valor _id que da por defecto Mongodb desde React

Tengo un Problema necesito poder utilizar el _id que da por defecto Mongodb para poder obtener una contraseña, Pero lo que pasa es que en el sigueinte codigo en donde ya se obtuvo la informacion del ...
Avatar del usuario Alan Jair Guadalupe Martinez
1 voto
2 respuestas
1k vistas

Filtrar elementos de un JSON en react

Tengo este archivo json que fue creado por mi, si para facilitar la tarea deberia cambiarlo, por favor diganlo [ { "id": 1, "nombre": "Tony Hawk Eye of the Hawk"...
Avatar del usuario Martin Omar Heredia
1 voto
1 respuesta
331 vistas

¿Cómo enviar un objeto en un atributo de tipo value de un option?

Me explico, tengo el siguiente código : const [info,setInfo] = useState([]) const handleInfo = (e) =>{ setInfo(e.target.value) } <select class="custom-select" size="3000&...
Avatar del usuario Guayavas
1 voto
1 respuesta
263 vistas

Agregar objetos al useState

Tengo un input donde coloco X cosa, y aparecen 5 imágenes sobre eso. Si coloco otra cosa en el input, las 5 imágenes anteriores desaparecen y aparecen 5 imágenes de lo solicitado. Pero ahora requiero ...
Avatar del usuario Ralexhx
  • 399
1 voto
1 respuesta
276 vistas

¿Por qué mi componente React hijo se recarga a veces (retornándome al padre) y otras veces no, cuando selecciono imágenes y las envío al backend?

Cuando selecciono imágenes de un simple input y pulso mi botón, estas deben enviarse a mi backend y guardarse en base de datos, esto lo hace perfecto: el misterioso problema es que a veces al pulsar ...
Avatar del usuario Luis
  • 31
1 voto
1 respuesta
75 vistas

No puedo llenar un array en ReactJs

estoy intentando llenar un array dentro de react utilizando el hook "useState" para almacenar el contenido de este, pero al momento de iterarlo con un bucle for para rellenarlo, solo ...
Avatar del usuario Nicolás Correa
1 voto
1 respuesta
597 vistas

Problema al renderizar datos de un objeto json con React

Estoy practicando con un proyecto de React con Firebase. Necesito traer los datos de un json alojado en la realtime database de Firebase. Está estructurado de esta manera: En mi aplicación hay una ...
Avatar del usuario carlos768
1 voto
1 respuesta
317 vistas

Problemas al usar Math.random en javascript y react

Lo que quiero hacer es entregar math.random como argumento a mi función "NombreAleatorio", para que genere un numero aleatorio entre 1 y 4, el cual estoy intentando guardar en la variable ...
Avatar del usuario Alvaro
  • 75
1 voto
1 respuesta
483 vistas

Obtengo valor erroneo de input Date con javascript/ React

Buen día a todos, Tengo un pequeño proyecto personal y lo estoy haciendo con React.js, aunque apenas lo acabo de aprender hace una semana. Estoy intentando tomar los valores de un input al momento de ...
Avatar del usuario Diego Chavez
1 voto
1 respuesta
715 vistas

Como exportar varios componentes por defecto?

Tengo 2 componentes que deseo exportar para usarlos en otro componente. Hay alguna manera de exportarlos a todos por defecto ? Intente haciendo : export default { NoteContainer, NoteHeader }; export ...
Avatar del usuario José Ignacio
1 voto
1 respuesta
614 vistas

React JS - Pasar props de un navlink a un componente

Genero un link con un "navlink" en un componente que se llama "ProductCard" y quiero pasarle las props a un componente que se llama "Product" Componente ProductCard ...
Avatar del usuario ilernet
  • 1,323
1 voto
1 respuesta
371 vistas

Props en React Js

Estoy empezando a usar Props en React, pero no entiendo su uso. Empece con algo sencillo que es mostrar un mensaje por consola. En un componente esta el boton y en el otro componente el mensaje, pero ...
Avatar del usuario Ralexhx
  • 399
1 voto
1 respuesta
226 vistas

Evitar renderizar componente de cada llamado a la API

Soy algo nuevo en React y me esta pasando algo que me imagino que es sencillo para alguien experimentado. Estoy llenando un tabla con una api y luego esa tabla la descargo en un archivo pdf y cada ...
Avatar del usuario JoseMgz_Ux
1 voto
1 respuesta
560 vistas

React fetch de una URL y pintar los datos

Tengo un grid que muestra "N" productos y al hacer click en uno de ellos la idea es recibir una url del tipo http://localhost:3000/product/13-producto-de-pruebas Donde "13" será el ...
Avatar del usuario ilernet
  • 1,323
1 voto
1 respuesta
279 vistas

Funcion me devuelve 2 valores repetidos en React

Estoy practicando usar fetch con async y await en React, consultando una API publica de Rick and morty, pero al momento de mostrar los valores me los muestra 2 veces por consola (En la vista aun no ...
Avatar del usuario Ralexhx
  • 399
1 voto
1 respuesta
359 vistas

REACT SELECT NO MUESTRA LO SELECCIONADO

Estoy trabajando con react select, pero el problema que me ocurre es que cuando realizo la selección de las opciones, no queda seleccionado. Este es mi codigo <Select className="...
Avatar del usuario Nicolas Llanos
1 voto
1 respuesta
641 vistas

Firebase: ¿Como puedo hacer un perfil para cada usuario?

mi pregunta es como puedo crear un sistema que me permita que cada usuario que se registre, tenga cada uno un perfil, es decir que si tengo x usuario que se registra con su email, contraseña (firebase ...
Avatar del usuario Hatori Hanso
1 voto
1 respuesta
255 vistas

Guardar valor de option value en localstorage

Estimados estoy ultilizando React, nesecito guardar el valor seleccionado del value del option select (si selecciona value=1, o selecciona value=2, guardar el valor seleccionado en el localstorage ...
Avatar del usuario Sixto Mujica
1 voto
1 respuesta
39 vistas

meter datos acumulados en un state en React

Tengo duda en como meter datos acumulados en react usando hooks dentro de un useEffect filtrando especificamente solo el id. import {groups} from '../../database/groups'; const [candidate, ...
Avatar del usuario Yahir Antonio
1 voto
1 respuesta
88 vistas

crear una división entre un campo input y un campo select - reactjs

No he podido lograr crear una división entre un campo input y un campo select. El algoritmo lo que hace es cuando coloco un numero en el input1 me genera en el select los divisores de dicho numero ...
Avatar del usuario Giovanny
  • 324
1 voto
1 respuesta
356 vistas

Se pueden dejar fijo el tamaño de la fila en una tabla con bootstrap 5 y react

Me he encontrado en un dilema. al mostrar la información de un monitoreo de calidad en la columna observaciones se desborda el tamaño de fila. Existe alguna manera de dejar fijo el tamaño de la ...
Avatar del usuario Weizman
  • 364
1 voto
1 respuesta
238 vistas

obtener el valor de un objeto con un condicional

estoy con un formulario en MERN, y al editarlo, me gustaría que si el cliente, cambia la foto, esta se actualice con la nueva foto y esta quede en la base de datos. Si el cliente cambia otros datos ...
Avatar del usuario ddaudiosolutions
1 voto
1 respuesta
224 vistas

React + Typescript Cannot find module './style.css' or its corresponding type declarations

Estoy tiendo un problema al cargar un archivo css en mi aplicación react configurada desde cero utilizando Typescript. Ya he agregado varios paquetes para procesar los archivos css pero ninguna me ...
Avatar del usuario DoubleM
  • 1,271
1 voto
1 respuesta
323 vistas

utilizo useSelector con redux y obtengo data desfazada en mi formulario

Estoy haciendo un ejercico para aprender, un simple CRUD tomando datos de endpoints simulados con json-server. Estoy en la parte de modificar, para ellos uitlizo el siguiente custom hook: import { ...
Avatar del usuario Maykel Contreras Camacho
1 voto
1 respuesta
50 vistas

¿Como puedo arrancar mi app en CRA y que esta abra con el navegador Edge?

tengo un proyecto en CRA, estoy usando win10 y mi navegador por defecto es Firefox. Me gustaria que al arrancar mi proyecto éste arrancara con el navegador Microsoft Edge y no con Firefox. He usado ...
Avatar del usuario moisesb12
1 voto
1 respuesta
887 vistas

REACT.JS ¿Cómo hago para que en ciertas routes me muestre mi navbar con fondo y en otras routes no tenga fondo?

Tengo un inconveniente que no he podido solucionar, tengo un NAVBAR la cual necesito que solo en ciertas route deberá ser transparente y en otras tiene que mostrar el background. Es decir, cuando es ...
Avatar del usuario Andrés MZ
1 voto
2 respuestas
341 vistas

Guardar input price en formato number para que firestore lo reconozca como number y no como string - reactjs?

**como puedo Guardar input price en formato number para que firestore lo reconozca como number y no como string, ya que asi como esta cuando guardo el input price queda en firestore como tipo string. ...
Avatar del usuario Giovanny
  • 324
1 voto
1 respuesta
584 vistas

Que tipado tendría que ir en las props de mi componente?

Estoy empezando con typescript y me están asaltando algunas dudas para hacer mi código más sólido. Tengo un componente que es un menu con tres opciones: const List = ({ statusEvents }: { statusEvents: ...
Avatar del usuario jaumeserr
  • 157
1 voto
1 respuesta
3k vistas

¿Cómo puedo mandar a llamar un componente desde un boton en React?

Hola soy nuevo en React y quiero realizar un "To Do List" sencillo, para ello cuento con un input text y un boton. La idea es que cuando escriba en el input, de click al boton y este muestre ...
Avatar del usuario Jose Miguel Lopez
1 voto
1 respuesta
317 vistas

El carrusel no renderiza cuando me muevo en las paginas con react-router

Estoy haciendo una pagina, de tipo ecommerce. Recién empiezo con react y un framework de css. Está en estado de desarrollo. Estoy usando MaterializeCSS, webpack y babel. El carrusel funciona bien ...
Avatar del usuario Ariel Esteban
1 voto
2 respuestas
1k vistas

Me gustaria saber como cerrar una serie de ventanas modales en react, lo que deseo es que cuando se habra una se cierre la anterior

export const Labels = ({ id, content, color }) => { const [changeColor, setChangeColor] = useState(false); const hanldeChange = () => {}; return ( <> <div className=&...
Avatar del usuario Kevin Garcia
1 voto
1 respuesta
2k vistas

Como enviar los datos de un componente a otro al hacer click en un botón. React.js

Tengo una consulta, tengo una tabla en la cual se muestran los resultados de la API de pokemon y lo que necesito es que al hacer click en un boton obtenga los datos de la fila, bueno hasta aquí todo ...
Avatar del usuario Nvidia99
1 voto
3 respuestas
223 vistas

Recibo Undefined pero si se imprime la información por consola

En un proyecto de React JS, estoy trabajando con la API de SkyScanner, puntualmente estoy intentando imprimir las diferentes monedas dentro de un select, como se ve en la siguiente imagen: Utilizó la ...
Avatar del usuario Emilio Hurtado
1 voto
2 respuestas
129 vistas

Se duplican los titulos al consumir una api

Estoy empezando con React y quiero consumir la API de pokemon, recibo ya los datos y los paso por una funcion map, luego por props le envio los datos a un componente donde tengo una tabla, la tabla ...
Avatar del usuario Nvidia99