Skip to main content

Todas las preguntas

Etiquetadas con
Filtrar por
Ordenado por
Etiquetadas con
4 votos
1 respuesta
123 vistas

.map() no retorna data en el navegador - ReactJS

Al usar .map() e iterando un objeto, cuando quiero visualizar la data en el navegador no retorna nada, aparece la pantalla en blanco, alguna solución para este problema? const Shipping = (props) => ...
Avatar del usuario Alan Martín Cabot
3 votos
2 respuestas
172 vistas

¿Como puedo mostrar texto random en un div con un evento onclick sin que se repita?

Mi idea era hacer un juego de cartas de preguntas y respuestas donde al clickear en un botón te salga una pregunta al azar en un modal, hasta ahí funciona todo. Mi pregunta es ¿Como puedo hacer para ...
Avatar del usuario Lucas Caballero
3 votos
1 respuesta
3k 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: "...
Avatar del usuario Jose Miguel Lopez
2 votos
7 respuestas
84k vistas

Como comparar elementos de dos arrays JavaScript?

Tengo unos checkbox que me permiten filtrar items segun los que esten seleccionados, pero el sistema que estoy fue diseñado para un select de 1 solo valor, ahora lo estoy adaptando para que funcione ...
Avatar del usuario Santiago D'Antuoni
2 votos
1 respuesta
69 vistas

Como agregar una propiedad a una lista de objetos

const object = [{nombre:"jesus",sexo:"masculino"},{nombre:"carlos", sexo:"maculino}] const nuevoObjeto = object.map((e)=>[...e, e.profesion="obrero"]) ...
Avatar del usuario hector silva
1 voto
3 respuestas
516 vistas

Sumar los valores de una columna

Tengo el siguiente array array = [ { "id": 1, "Price": 100, "Item": {"id": 1, Name: "A"}, &...
Avatar del usuario bonnegnu
1 voto
1 respuesta
648 vistas

Cómo agrupar un array de objetos por valor para un mismo item?

Tengo una duda, cómo puedo hacer para mapear y reducir un array como este: [ { id: 1, Price: 50, Item: {id: 1, Name: "A"}, Date: {id: 1, Start: "...
Avatar del usuario bonnegnu
1 voto
1 respuesta
11 vistas

Tengo un listado de ingresos que se lista con un botón para eliminar el registro. Pero siempre elimina el último

{incomes && incomes.length > 0 ? <div className='border bg-white shadow-lg p-3 mt-4 mb-4'> <SectionHeader label={'Efectivos'} /> <div id='...
Avatar del usuario López Moreno Luis Apolinar
1 voto
1 respuesta
378 vistas

Como convertir un array de string en un objeto

Tengo varios array con los siguientes valores: array1 = [2774.2374, 220.93711, 272.5424, 220.93711] array2 = ['JABONERIA WILSON S.A', 'JABONERIA TOMAS.A', 'JABONERIA RAPIDEX.A', 'WILLEX S.A'] array3 =...
Avatar del usuario Ndmo
  • 119
1 voto
1 respuesta
82 vistas

El HTML retornado por un array de una funcion en React esta siendo desplegado como texto en vez de renderizarse

Tengo una función que recibe un array de objetos llamado "parts" y debe desplegarlos en un paragraph cada uno, entonces lo que hice fue agregar cada renglon a desplegar en celdas de un nuevo ...
Avatar del usuario Arnoldo Jesus Gonzalez
1 voto
1 respuesta
3k vistas

¿Como envio un Array desde un Componente hijo al padre? React JS

En el componente Inputs.jsx tengo un arreglo y lo necesito leer en App.js ¿Como puedo enviar esos datos desde el elemento hijo (Inputs.js) al padre (App.js)? Gracias, de antemano Tengo la siguiente ...
Avatar del usuario JhoanCo
  • 15
1 voto
1 respuesta
268 vistas

Como mostrar tareas obteniendo datos desde una API, con ReactJS ?.TypeError: this.state.tareas.map is not a function

Como pueden notar en el código que les dejo mas abajo, la petición de los datos es correcto, pero en el render hice un console.log(this.state.tareas.results) para verificar esto!, pero vi algo extra ...
Avatar del usuario AllisLove
  • 140
1 voto
1 respuesta
306 vistas

Map en array no funciona en uno pero en otro si

Tengo este codigo para acceder a un array dentro de mi objeto data.map((tem, key) => { return ( <div key={key}> <h1>{tem.name}</h1> <p>{key}</p> ...
Avatar del usuario Julio Cesar Rodriguez Barajas
1 voto
1 respuesta
70 vistas

array.prototype.filter [duplicada]

Esta pregunta es más por curiosidad que necesidad. Resulta que estaba trabajando con un array con integers y necesitaba una función de filtrado para que no se repitiesen números, al principio de todo ...
Avatar del usuario Alejandro Vañó Tomás
1 voto
0 respuestas
179 vistas

¿Cómo mapear un array de objetos en React.js?

Tengo el siguiente arreglo de objetos: [ { "0": { "modulos":[{"video1":"https"}], "detalle_curso":"DETALLE CURSO AQUI", "id&...
Avatar del usuario farid
  • 37
1 voto
0 respuestas
68 vistas

React no muestra el primer valor en un array utilizando keydown

Tengo una función que debería tomar las letras introducidas por el teclado y meterlas en un array para hacer la mecánica de un juego de "ahorcado" en React. El problema es que siempre el ...
Avatar del usuario Uriel
  • 11
1 voto
1 respuesta
65 vistas

Cómo hacer un for genérico que haga push con solamente 3 objetos en un nuevo array?

Necesitaría hacer un for genérico, que pushee 3 objetos por cada array. La información lo traigo via API. Esto lo necesito porque estoy usando un carousel y solo quiero mostrar 3 cards por slide. ...
Avatar del usuario Juan
  • 11
1 voto
2 respuestas
102 vistas

Como recorrer un arreglo en un objeto

Estoy intentando mostrar unas imágenes que meto en un arreglo, pero al hacer un .map no me renderizan o solo se muestra la primer imagen, como podría mostrar las imágenes que introduzca? Aca es otro ...
Avatar del usuario Mike Rodriguez
1 voto
2 respuestas
1k vistas

Problema con map dentro de map en React

mi problema es el siguiente. Tengo una lista de usuarios y cada uno tiene una lista de propiedades, quisiera mostrarlos en una tabla en React, la lista de usuarios la recibo como un array de objetos, ...
Avatar del usuario SoozaV
  • 43
1 voto
1 respuesta
928 vistas

React Js - Llenar un array de números, de forma dinámica

Estoy, realizando una app, en la cual se deben insertar distintas cifras de forma dinámica en un array, que como tal son precios, lo realizo estableciendo los datos desde un input, al imprimir el ...
Avatar del usuario Joshua Rivera
1 voto
0 respuestas
94 vistas

¿Cómo determinar si un array que recibe datos de una API REST se está cargando de cuando termina de cargarse? para usar esos datos en React

En una aplicación web con react estoy usando dos API Rest cuyos datos administro con createContex para poder pasarlos a cualquier componente, sin embargo en la primera carga devolvió 10 arrays vacíos ...
Avatar del usuario Francisco Sanvicente Pico
1 voto
1 respuesta
167 vistas

Hacer tabla de comparacion con diferente length de arrays

Le comento, estoy intentando hacer la típica tabla de pricing o de comparaciones entre productos de mismas categorías, en las cuales, cuando generalmente el pricing es más caro o el producto tienes ...
Avatar del usuario Felipe Ossandon
0 votos
2 respuestas
1k vistas

¿Como recorrer un array y validar si existen datos en otro array?

Estoy tratando de comparar lo que tengo en un array con otro array, en contexto estoy obteniendo un array de un catalogo y otro de un Excel el cual lo estoy convirtiendo en array. Necesito saber si lo ...
Avatar del usuario eivansweb
0 votos
2 respuestas
228 vistas

Mostrar un arreglo en React

Estoy tratando de recorrer un arreglo con map y mostrarlo en la vista de React, pero este no me aparece. import React from 'react' const Formulario = () => { const arreglo= [1,2,3,4,5]; ...
Avatar del usuario Ralexhx
  • 399
0 votos
1 respuesta
97 vistas

Crear array con lista solo con nombres provenientes de otro array

Intento obtener un array únicamente con la lista de nombres de jugadores. Yo creo una constante y guardo hay los nombres iterando con el metodo map todo el array que obtengo de una api utilizando ...
Avatar del usuario Miguel Rivera Sarmiento
0 votos
1 respuesta
57 vistas

¿Cómo obtener el siguiente indice del indice actual en un array de objetos?

Tengo el siguiente objeto de arrays: const cursos = { "nombre":"Trading Básico", "cantidad_modulos": 2, "modulos": [ { "...
Avatar del usuario farid
  • 37
0 votos
1 respuesta
39 vistas

Dividir array map erroneo

estoy obteniendo de una llamada un array bidimensional, pero necesito trabajar con el dato. Para eso estoy haciendo un map y luego sobre el otro map, pero en vez de darme un array por cada valor me da ...
Avatar del usuario Alba Huertas Domínguez
0 votos
2 respuestas
50 vistas

Como verificar si un array ya tiene el valor que le quiero agregar para poder ejecutar otra accion

lo que necesito hacer es poder verificar si el valor que estoy intentando agregar al array ya existe para que así pueda ejecutar otra acción. arrayYaExistente = [ { 'nombre': 'notebook', ...
Avatar del usuario Jorge Tapia Orellana
0 votos
1 respuesta
261 vistas

Renderizar una lista ordenado por fecha desde un objeto en React Js

Estoy tratando de renderizar una array de objetos de partidos, cada partido tiene una fecha, lo que quiero es mostrar la fecha como titulo y seguido los partidos correspondientes a esa fecha, luego ...
Avatar del usuario Ivan Herrera
0 votos
2 respuestas
2k vistas

Recorrer un array dentro de otro array

Estoy intentando pintar un objeto en pantalla pero ese objeto tiene otro objeto adentro y necesitaria pintar los datos de ese otro objeto en una lista. No encuentro la forma de hacerlo. Estoy usando ...
Avatar del usuario Lucas Lopez
0 votos
2 respuestas
397 vistas

como crear un array dinamico

Tengo una constante "handleMonths" que tiene como valores un array el cual va cambiando de valor dependiendo de donde el usuario de click en un tree, handleMonth puede estar esta compuesta ...
Avatar del usuario Tommy Solano Peñafiel
0 votos
1 respuesta
1k vistas

React Js - Problema al agregar elementos de forma dinámica a un array mediante un input

Estoy agregando elementos (números) de forma dinámica a una array, mediante un input; el problema es el siguiente, al momento de establecer el primero, no se agrega, posteriormente al ingresar el ...
Avatar del usuario Joshua Rivera
0 votos
1 respuesta
93 vistas

Array.prototype.sort() con guion bajo

.json => { "secuencia":7, "subSecuencia":0, "codigo":"7_0", "descripcion":"7/0", "direccion":"Bill Gate 123", "...
Avatar del usuario webcom-website
0 votos
1 respuesta
989 vistas

Como recorrer un array con el index modificado

tengo un array de la forma array[ P12, {color:blanco, ciudad: coruña ...} P13, {color:negro, ciudad: coruña ...} P25, {color:rosa, ciudad: beis ...} P89, {color:azul, ciudad: coruña ...} ] construí ...
Avatar del usuario XavRuss
  • 79
0 votos
2 respuestas
791 vistas

Cómo agrupar un array de objetos por valor y concatenar demás valores en uno solo?

Tengo una duda, cómo puedo hacer para mapear y reducir un array como este: [ { "Table": [ { "id": 1, "cycle": { "...
Avatar del usuario bonnegnu
0 votos
1 respuesta
422 vistas

Como establezco un array como parametro en JavaScript? [cerrada]

he estado intentando una nueva función a mi programa, este programa tiene como finalidad hacer mas facil la busqueda de elementos dentro de un array, todos estos elementos son unicos, una forma de ...
Avatar del usuario Oscar Rivero
0 votos
1 respuesta
368 vistas

¿ Como cambiar valores de un array dentro de un contexto de React?

Estoy realizando una tradicional app de ToDos con React y context API para compartir el estado en tre los componentes, ya logré hacerlo con un estado para cambiar el tema a oscuro/claro de la app, ...
Avatar del usuario kilex
  • 413
0 votos
0 respuestas
74 vistas

Como agregarle datos a un array y que queden guardados? react js

Tengo un array al que le quiero ir agregando los valores que arroja una calculadora que tengo en otro componente. Logro agregar al array, pero cada vez que se actualiza el numero, el array se resetea. ...
Avatar del usuario guido
  • 9
0 votos
0 respuestas
53 vistas

Cómo traer la informacion de un Promise {<pending>} React JS React Router Dom

Estoy trayendo una informacion de los parametros de la URL y unos datos de una consulta a una API en el loader como se ve en la siguiente imagen: Llamo los datos con el useloaderData pero cuando le ...
Avatar del usuario Camilo Rodriguez
0 votos
0 respuestas
262 vistas

Evento OnClick solo me funciona una vez

tengo un evento que ejecuto un button, pero solo me funciona una vez, luego no me vuelve a cambiar el estado. const [colorClick, setColorClick] = useState('gray') const [yearClick, setyearClick] =...
Avatar del usuario Alba Huertas Domínguez
0 votos
1 respuesta
73 vistas

¿Cómo añadir con cada clic, los elementos de un array, uno por uno e imprimirlos dentro de un elemento <div>?

Necesito crear una función que imprima en el DOM con cada clic, los elementos almacenados en un array. Es decir con el primer clic añado el string de la posición 0 del array, el segundo clic, añade el ...
Avatar del usuario hspsche
0 votos
1 respuesta
156 vistas

React: como comparar dos Array y darle valor nulo al que no este incluido?

necesito de sus conocimientos para resolver un problema. Tengo dos array, necesito comparar ambos y a todo aquel numero que no este incluido en el segundo array, darle un valor nulo. me explico: ...
Avatar del usuario QuestionCat
0 votos
1 respuesta
787 vistas

React: Como crear un Array de objetos con un formulario?

Es una pregunta sin código. Quiero crear un Arreglo donde cada vez que escriba un nombre y apellido en un formulario, se añada un objeto del nombre y apellido a este arreglo. Como podría hacerlo?
Avatar del usuario QuestionCat
0 votos
0 respuestas
17 vistas

Error para tomar valores de un array de objetos y colocarlos en un componente

estoy aprendiendo js y react. Intento crear un quizgame, tomando los valores de un array de objetos, para que se visualicen en la aplicación. Sin embargo al hacerlo, me sale un error. Me pueden ...
Avatar del usuario hspsche
0 votos
0 respuestas
188 vistas

Array de distintas propiedades con el mismo id en un objeto - React JS

Estoy recorriendo un objeto que tiene un array de objetos dentro de una propiedad y debo acceder al id de un objeto para verificar cuales colores de mis objetos tienen el mismo id y hacer un array de ...
Avatar del usuario eduardorh1312
0 votos
0 respuestas
494 vistas

Como recorrer y comparar 2 arrays de objetos con otros arrays de objetos anidados

muy buenas, me encuentro estancado, necesito resolver (entender) lo siguiente. Básicamente tengo dos arreglos de objetos, cada objeto tiene un "type" que es un string y un "data" ...
Avatar del usuario Hernan Castro
0 votos
1 respuesta
1k vistas

crear un objeto nuevo a partir de otro

estoy trabajando con react, es un componente funcional q recibe como props una lista, es algo como esto: [{count: 3, type: 'tipo1', values: ['valor1','valor2','valor3']}, {count: 4, type: 'tipo2', ...
Avatar del usuario yulepetrilli
0 votos
0 respuestas
24 vistas

cc_quotes is not iterable at Reducer

Tengo el error descrito en el título en uno de los reducer de mi proyecto. Lo que quiero es que a medida que una cotización llegue se introduzca en un array para lo cual uso [...arrayActual, ...
Avatar del usuario Jesu
  • 191
0 votos
1 respuesta
305 vistas

Normalizar array de objetos y crear una key nueva

Estoy consumiendo una API y debo transformar arrToNormalize y ordenarlos por categoryId pero para cada una debo mostrar un String en vez del número de id. La idea es que para el caso 1 muestre ...
Avatar del usuario Juani Fernandez
0 votos
1 respuesta
545 vistas

¿Cómo leer las propiedades de un objeto dentro de un array en JavaScript?

Estoy tratando de leer las propiedades de un objeto de javascript guardado dentro de un array en un componente de react hooks. este objeto tiene las siguientes propiedades: En react, guardo este ...
Avatar del usuario Sthefany Rangel