Skip to main content

Todas as perguntas

Com as tags
Filtrar por
Ordenado por
Com tags
4 votos
1 resposta
2mil visitas

Como renderizar um mesmo componente várias vezes no React?

Estou tentando fazer uma lista com um um componente sendo repetido determinada vezes. Pra ser mais claro, tenho uma ScrollView e um componente próprio PutANumber. Preciso que a ScrollView tenha uma ...
Daniel's user avatar
  • 41
2 votos
2 respostas
804 visitas

Estou querendo gerar 4 valores aleatórios de uma array. Como posso fazer?

Estou querendo gerar 4 valores aleatórios de uma array. Já tentei usar o Math.random, mas fica em um loop infinito... import React, { useState, useEffect } from "react"; import api from &...
Jhonata Bonadio's user avatar
2 votos
3 respostas
8mil visitas

useState não atualiza - ReactJS

Estou iniciando no mundo do ReactJS. Tenho um front que está consumindo uma API de rastreamento, para isso ele me retorna um objeto com status, responseMessage e object, um array de objetos. Faço a ...
LUCAS MICHEL DA SILVA's user avatar
2 votos
1 resposta
228 visitas

Método map está indefinido no React

Estou construindo uma aplicação em React e preciso renderizar uma lista com todos os usuários, chamados da API. Uso o map para percorrer os usuários, mas o navegador retorna o erro: TypeError: ...
Danubio Lima's user avatar
2 votos
1 resposta
414 visitas

Problema de "chave" Única React

Estou tentando criar um jogo de xadrez usando React. Tô indo muito bem, exceto por este erro. Este é meu código: import "./style.css"; function App() { const squares = []; //squares ...
Gean Carlos's user avatar
1 voto
2 respostas
5mil visitas

React.js criando diversos componentes com arrays

Estou tentando criar vários componentes <Pit /> porém, um a cada resultado vindo da API, sem excluir o já criado anteriormente. A API retorna um objeto com 2 arrays dentro, a solução foi ...
dev-john's user avatar
  • 425
1 voto
1 resposta
348 visitas

ReactJS - Onclick abrir somente 1 componente do map

Tenho com array de objetos, onde cada objeto se transforma em um card. Ao dar um map e usar o onClick, quando clico no botão de um card, o onclick é ativado em todos os outros cards. Eu queria que ao ...
Sandro Fernandes's user avatar
1 voto
1 resposta
391 visitas

Exibir array de "filhos" de acordo com array de "pais" (JS)

Supondo que eu tenha o seguinte JSON, e queira transformar essas informações em componentes HTML (No meu caso, estou utilizando React), o que eu devo fazer? [ { "id": 1, "nome":...
Marcos Mitozo's user avatar
1 voto
1 resposta
155 visitas

Como incluir vários textos em uma array na mesma função?

Estou tentando incluir em um array várias mensagens que estão na mesma função. Recebo algumas dados e faço algumas comparações de acordo com alguns requisitos, resultando em uma mensagem que preciso ...
Gabriel Souza's user avatar
1 voto
2 respostas
2mil visitas

Pegar os dados de um formulário dinâmico e passar para um estado do tipo array

Estou tentando pegar os dados de inputs dinâmicos e passar passar para os estado (handleChange), porém não consigo, pois está pegando os valores digitados somente no primeiro input e quando digito nos ...
mahilson Hagner's user avatar
0 votos
3 respostas
1mil visitas

Verificar se existe determinado item dentro de array, através de uma variável

Digamos que eu tenha esse array: let checkOne = [ { "id": 273, "attributes": { "humidity": { "qty": 74.3223333333333, "unit": "percents" }, &...
Luh 's user avatar
  • 95
0 votos
2 respostas
673 visitas

Problema de "setState" usando React

Tenho um código em React que usa o hook useState dessa maneira: const [tarefas, setTarefas] = useState([]); É um código de lista de tarefas, toda vez que removo um projeto tenho que atualizar o ...
Caio Grossi's user avatar
0 votos
1 resposta
2mil visitas

Colocando itens em um array com Reactjs [duplicada]

Estou tentando colocar itens em um array ao clicar no botão, mas o mesmo esta iniciando vazio.Perceba que eu cliquei 3 vezes mas ele me mostra que o array tem 2 posições. Eu tenho uma div que é o ...
Warlen Alves's user avatar
0 votos
1 resposta
5mil visitas

TypeError: Cannot read properties of undefined (reading 'map')

Oi! eu criei um site usando Express e React, no express ele recebia uma api externa e enviava corretamente para o react, o problema é que em alguns itens do objeto q era recebido, a aplicação não ...
André Mendes's user avatar
0 votos
2 respostas
290 visitas

React - Redux: TypeError: Cannot read property 'map' of undefined

Estou tentando renderizar alguns produtos vindos da minha api, porém recebo este erro: TypeError: Cannot read property 'map' of undefined Segue o código da action: export const listProducts = () => ...
Regex's user avatar
  • 5
-1 votos
1 resposta
199 visitas

Renderizar radio buttons com base em arrays

Estou desenvolvendo uma avaliação escolar online. Nela recebo algumas questões e cada questão possui várias opções para seleção. Preciso mostrar as opções como Radio Buttons, permitindo que o usuário ...
Fred's user avatar
  • 536
-1 votos
1 resposta
73 visitas

Como criar uma função que retorna multiplos elementos em uma lista - REACT [fechada]

Estou começando a estudar React agora, e preciso manipular uma lista de objetos. Tenho a minha lista de transações e sei que preciso mudar o estado dela pelo meu setTransacoes (código abaixo) Por ...
Matheus Peres's user avatar
-1 votos
1 resposta
162 visitas

Setar a cor de uma div com base em um objeto recebido por props

Como eu faço para setar a cor de uma div com base em em um objeto recebido por props? Map feito no arquivo App: <div className={styles.grid}> {levels.map((item,key) => ( <...
Matheus's user avatar
-1 votos
1 resposta
96 visitas

Como eu altero multiplos objetos dentro de um Array [fechada]

Preciso converter esse time_h decimal para horas : minutos por exemplo 5.75 = 5:45 Mas esse array tem mais de 150 objetos, como faço para iterar e converter todos os valores? const usinaData = [ { ...
Matheus Raimundo's user avatar
-1 votos
2 respostas
39 visitas

Textos não renderizam dentro de 2 .map()

Tenho um array dentro de outro array e gostaria de imprimir na tela dentro de um <Text>, porém não estou tendo sucesso. Os dados no state: areas: [ nomearea: 'Café', periodos: [ { ...
mateusdegobi's user avatar
-1 votos
1 resposta
564 visitas

Como renderizar um modal num map usando o React?

Tenho uma aplicação em React que busca produtos de uma api, quero renderizar uma tabela onde cada item tem um botão que abre o modal e atualiza (manda um PUT na API) o produto. Só que o modal tá ...
Danubio Lima's user avatar
-1 votos
1 resposta
225 visitas

Inserção de elementos em posições específicas de um array

Boa noite, Estou tentando criar uma interface de um sistema de salas utilizando React, para cada sala podem entrar 8 pessoas. Eu retorno os usuários contidos na sala da API, mas queria tambem indicar ...
Lucas Souza's user avatar
-2 votos
1 resposta
347 visitas

Mostrar primeiro elemento de array que ainda pode não ter sido carregado utilizando React

Estou desenvolvendo uma aplicação de Quiz utilizando React com a finalidade de estudo. Tenho o estado chamado Quiz, o mesmo é composto por: interface QuestionData { id: number; question: string; ...
Fred's user avatar
  • 536
-2 votos
1 resposta
214 visitas

como consumir este Array que vem da API no react com typeScript?

[ { "ssId": 420090, "statusSS": "Reservado", "dataInicialVoo": null, "pendencias": [ { "id"...
Moises Moreira's user avatar
-2 votos
1 resposta
221 visitas

Problema ao remover componentes filhos via state em ReactJs

Olá! tenho um código em react que tem como função adicionar ou remover itens de uma lista. Os itens da lista são componentes filho que vão sendo atualizados a medida que adiciono um novo objeto em um ...
Marco Cardoso Clares's user avatar
-3 votos
1 resposta
57 visitas

Manipulação de state em um array

Tenho um map((value: any, index: number)) que renderizo as informações vindas da API. Dentro deste map crio os componentes, sendo um card para cada um. Gostaria que quando o usuário clicasse para ...
Guilherme's user avatar
-4 votos
1 resposta
27 visitas

Estou deletando todo meu carrinho

function RemoverProduto(id){ const filterCart = cart.filter( cartItem => cart.indexOf(cartItem) !== id ) setCart(filterCart) } aqui está meu card do carrinho export const ...
Frank Castro Filho's user avatar