Skip to main content

Todas las preguntas

Etiquetadas con
Filtrar por
Ordenado por
Etiquetadas con
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: "...
0 votos
1 respuesta
3k vistas

Elegir un elemento de un array de objetos en React

estoy realizando un proyecto de un clon de netflix en react Tengo armado un .json para recurrir a el, tanto para las imagenes como para los titulos. con un .map llamo a todos los .title que tengo en ...
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='...
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 ...
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 ...
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, ...
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) => ...
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": [ { "...
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&...
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 ...
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. ...
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 ...
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 =...
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] =...
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 ...
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"]) ...
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: ...
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', ...
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?
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 ...
0 votos
1 respuesta
48 vistas

¿Cómo mostrar los elementos de un arreglo al azar?

Tengo este arreglo: let vengadores = [ {nombre: "steve rogers", nombreHeroe: "captain america"}, {nombre: "tony stark", nombreHeroe: "iron man"}, {...
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 ...
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 ...
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 ...
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 ...
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" ...
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. ...
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 ...
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', ...
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, ...
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 ...
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 ...
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]; ...
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 ...
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 ...
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 ...
0 votos
1 respuesta
54 vistas

Como recorrer un array dentro de un objeto

Dentro de un objeto tengo unas imagenes que son logos, lo que no se es como los puedo recorrer ya intente varias formas hasta un map dentro de {info.logos} para que al pasarle las imagenes esta las ...
0 votos
0 respuestas
209 vistas

Al agregar un nuevo objeto a un array, no se suma a la lista sino que reemplaza al objeto existente

En un proyecto de React JS, trabajo con una API de películas y series. Necesito obtener el objeto content (que comprende la información de la película o serie) a través de la función addToMyList, que ...
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, ...
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 ...
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 ...
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 ...
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 ...
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 ...
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", "...
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 ...
0 votos
1 respuesta
1k vistas

Colocar datos en un array sin eliminar los anteriores

Tengo un array vacío y una función que cada vez que se da clic a un elemento toma un id especifico y lo coloca en un array a través de push, lo que quiero es que cada vez que se haga clic se guarde ...
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í ...
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"}, &...
0 votos
1 respuesta
592 vistas

¿Guardar cambios del DOM con javascript?

Estoy desarrollando una aplicación web pero tengo un problema. hay unos elementos en un array, es un array de objetos. Cada posición tiene su nombre, precio etc. Los he listado mostrando sus datos, ya ...