Todas las preguntas
62 preguntas
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) => ...
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 ...
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: "...
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 ...
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"])
...
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"},
&...
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: "...
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='...
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 =...
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
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 ...
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 ...
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>
...
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 ...
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&...
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 ...
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.
...
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 ...
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, ...
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
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
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
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
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
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": [
{
"...
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
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
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
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
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
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 ...
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",
"...
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í ...
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": {
"...
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 ...
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, ...
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.
...
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
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 ...
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
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
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" ...
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
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
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 ...