Skip to main content

Todas as perguntas

Com as tags
Filtrar por
Ordenado por
Com tags
0 votos
1 resposta
45 visitas

Imagem de alguns itens não é atualizada ao modificar a ordem da lista

Estou com problemas em manter as imagens na posição correta. Tenho uma lista de imagens, mas quando eu clico no filtro para inverter a ordem, algumas imagens mantém a sua posição. Para melhor ...
-2 votos
1 resposta
713 visitas

Como passar dados entre componentes no React

Bom, estou com a seguinte dúvida: Queria passar as informações de um componente para outro quando eu clicar no componente, tipo assim: Eu criei um contexto usando o ContextApi do React que provem as ...
-2 votos
1 resposta
226 visitas

Não renderiza o resultado com o .map no React

Usei o useState para setar o valor de uma const, para poder mostrar o resultado de um fetch, mas não mostra ( usei o debugger para ver como chegava, chega com o resultado mas não renderiza ) Codigo: ...
-2 votos
4 respostas
2mil visitas

getElementById no React/JSX

Iniciei meus estudos de React ontem então não tenho muito conhecimento sobre, e gostaria de saber como dar um document.getElementById() em React/JSX, como faço isso? Tentei usar document....
0 votos
2 respostas
1mil visitas

Como esperar duas promessas antes de retornar a funçao?

Estou fazendo um código que faz duas requisições, o valor retornardo é o tamanho de uma arquivo content-length, mas preciso que a função que contem essas duas requisições retorne o valor depois que as ...
0 votos
0 respostas
431 visitas

create-react-app criando apenas node module e package.json

Estou com um problema ao tentar criar uma aplicação com React. Ao usar o comando npx create-react-app apenas é criado o node_modules e o package.json e nada mais da template que deveria vir. Já tentei ...
-2 votos
1 resposta
322 visitas

Conectar front-end ao banco de dados, com electron e NextJS e sequelize

Em minha aplicação tenho uma janela onde irei carregar uma tabela baseada nos produtos que estão cadastrados no banco de dados.Esta janela é um componente React. Eu esperava utilizar o modulo ...
-1 votos
2 respostas
4mil visitas

React JS + PHP ajuda

Bem estou com dificuldade e não achei uma solução ainda, queria desenvolver um crud usando ReactJS + PHP + Mysql; Fiz um arquivo php que retorna um objeto JSON para que eu possa acessar ele pelo ...
-1 votos
1 resposta
720 visitas

Como pego dados do Axios e retorno em um componente de função no React?

Tô tentando pegar o id da URL, pra mostrar um post específico da API. Não posso usar componente de classe, porque useParams só funciona com funções. Eu tentei botar os dados dentro da variável post, ...
-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 ...
-2 votos
1 resposta
1mil visitas

Imagem não está aparecendo na página (não está sendo encontrada)

Oi, preciso de ajuda, estou usando create-next-app e a imagem que estou tentando colocar na página index não está sendo encontrada, aqui está o código: E aqui a organização das pastas: Não sei o que ...
-1 votos
1 resposta
432 visitas

Property 'videoThumb' does not exist on type 'UnionType'. Property 'videoThumb' does not exist on type 'Image'

Estou criando um componente com react e typescript e estou tendo este erro: Property 'videoThumb' does not exist on type 'UnionType'. Property 'videoThumb' does not exist on type 'Image'. ...
0 votos
1 resposta
838 visitas

Como renderizar um array utilizando o React?

Eu estou desenvolvendo um app simples utilizando o ReactJS e estou tentando utilizar um [filter()] para renderizar os resultados de um array utilizando um campo de busca. Mas quando eu utilizo o [map()...
-4 votos
1 resposta
243 visitas

Erro por conta de função map retornando undefined [fechada]

Pesquisei esse erro mas não consegui aplicar nada que funcionasse. Esse é meu map, ele mapeia um array de erros. interface ErrorProps { errors: string[] } const ErrorMessage = ({ errors }: ...
-2 votos
1 resposta
1mil visitas

TypeError: Cannot convert undefined or null to object -- com React js e Next js

Estou fazendo um projeto clone do spotify com nextjs, nele estou criando uma página de login personalizada, esse é o código da tela de login: import { getProviders, signIn } from "next-auth/react&...
-5 votos
1 resposta
689 visitas

passando paramentos para função REACT TYPESCRIPT

function handleOpenUpdateTaskModal (valor){ setIsUpdateTaskModalOpen(true); console.log(valor) } <img onClick={handleOpenUpdateTaskModal('VALOR')} src={Update} alt="Editar" /> ...
0 votos
1 resposta
43 visitas

React navigation não redireciona na primeira vez

Boa noite, tenho um preload que redireciona o usuário para determinadas telas de acordo com alguns parâmetros, ele somente redireciona quando eu atualizo a tela do emulador. import { StackActions, ...
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 = () => ...
0 votos
1 resposta
207 visitas

Redimensionar imagens usando Bootstrap 5.1? [fechada]

e no CSS #header .imagem { width: 100% }
-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 ...
-3 votos
1 resposta
100 visitas

Estou fazendo um projeto onde preciso criar uma listagem de herois em reactjs, html, css e javascript

tenho o projeto já feito em html, css e javascript. porem não tenho muita experiência com reactjs, gostaria de saber se tem como inserir react nesse site já pronto ? segue meu código abaixo. ...
-1 votos
1 resposta
371 visitas

não aparece nada na tela quando add o router

quando eu tiro o Route, tudo funciona normalmente, ja tentei copiar o codigo do prof e da o mesmo erro, e preciso criar outro route pra agir como uma pag diferente, eu ja isntalei o npm do react-...
-2 votos
1 resposta
175 visitas

problema ao tentar ocultar o Navbar depois que um item foi clicado (bootstrap 5 react)

Estou tentando ocultar a barra de navegação depois que um item for clicado (bootstrap 5 react), mas depois de colocar data-bs-toggle = "collapse" e data-bs-target = ". Navbar-collapse....
-1 votos
1 resposta
618 visitas

Como fazer o .map imprimir elementos filhos de um array no React

Estou com dificuldades de imprimir elementos filhos de um array. Meu arquivo tem o .map buscando um arquivo json que contem um array, no qual vou postar o código dele a seguir, na minha função .map, ...
1 voto
1 resposta
1mil visitas

Repetir components se ter lista no react

no jsx não é possível usar o for. então para iterar uma lista, usamos o map. Minha duvida é qual a melhor solução para quando não temos uma lista para essa função, apenas o numero que gostaríamos de ...
-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 = [ { ...
0 votos
2 respostas
639 visitas

React Native Maps

Estou tentando implementar a biblioteca React-native-maps no meu projeto, quando executo react-native run-android recebo este erro no CMD: * Where: Build file 'C:\Users\Henrique\Documents\New folder\...
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 ...
-2 votos
2 respostas
112 visitas

Condicional retornando erro no ReactJs

Meu aplicativo em reactjs só funciona se eu remover a condicional. Imaginei que poderia ser a falta do babel, mas se fosse, o JSX não iria funcionar mesmo sem a condicional. App.js: import React, {...
-1 votos
1 resposta
404 visitas

Dúvida em renderização de array em React

Estou desenvolvendo uma página que receberá imagens através de uma API. Eu faço o request e pego o response da API, até aí tudo bem. A questão é que quando faço o tratamento da resposta e crio um ...
-1 votos
1 resposta
166 visitas

Tem como fazer useState alterar imediatamente?

Estou chamando uma API, e com esta resposta preciso das informações necessárias para gerar um PDF, porém quando coloco a resposta numa variável useState, ela vem nula na primeira renderização, então ...
4 votos
2 respostas
742 visitas

Como imprimir o caractere ao invés da entidade HTML correspondente usando React?

Quero que o React faça aparecer na tela o emoji. Para isso eu sei o código do HTML entity. Quando passo para o componente o valor, funciona, mas quando passo por variável, não funciona. function ...
-1 votos
1 resposta
459 visitas

Ordenar objeto alfabeticamente em React/Gatsby

Boa tarde. Eu tenho uma API em Strapi rodando no Heroku renderizada nesse site em Gatsby. Minha pergunta é: como poderia colocar as bandas em ordem alfabética? Por minhas pesquisas, teria que ser sort(...
0 votos
1 resposta
344 visitas

Função onClick sendo chamada quando os componentes são renderizados

Tenho essa função chamada Logout function Logout() { authService.logout(); localStorage.removeItem("connectado"); } e chamei ela desta forma no onClick={Logout()} e ...
3 votos
1 resposta
317 visitas

Evitar renderizações desnecessárias no React Native com vários TextInput

A questão é a seguinte: eu tenho basicamente um código como esse (não posso mandar o código real nesse momento, estou enviando esse "Pseudo-Código" então ignorem erros de sintaxe e ...
-4 votos
1 resposta
2mil visitas

Não consigo mudar o valor de um input em React

Estou ajudando um amigo com um projeto, e preciso que um campo de input tenha um valor padrão, que no caso é um ID, já tentei colocar "value" e "defaultValue", porém ele não aceita ...
-2 votos
1 resposta
182 visitas

Arquivo .js funciona, componente .jsx não funciona

em um arquivo .js quando vou no meu botão html e chamo a função main, tudo roda belezinha. Agora se eu transformar em um arquivo .jsx (react) como um componente, quando chamo a função main ele mostra ...
0 votos
1 resposta
763 visitas

Primeiro valor em uma função map no javascript

Eu tenho uma função map do JavaScript onde eu retorno todas as fotos de um certo registro. Dentre essas fotos, uma delas tem que receber um texto, que no meu caso é Foto principal, que sempre será o ...
0 votos
0 respostas
264 visitas

Next/React js TypeError: cart.map is not a function

Galera to criando um componente pra receber os items do meu carinho de compras, no componente que irá receber os items selecionados to colocando um map mas eu recebo esse erro ai em baixo, ainda vou ...
-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: [ { ...
-1 votos
1 resposta
36 visitas

Estou criando um modal para trazer informações de uma API

Estou criando um modal em ReactJS com material UI mas estou com dificuldades de fazer ele funcionar. Sou novo em React e esse código é mais para meu treinamento pessoal. O erro que fica dando é: ...
-2 votos
1 resposta
339 visitas

Como exibir trecho de código no React?

Estou criando uma aplicação onde preciso exibir trecho do código como exemplo, já li sobre e até consegui ter um resultado médio onde renderizava o conteúdo dentro de um textarea, porém gostaria que ...
-2 votos
1 resposta
268 visitas

Eu tenho esse json em React js! Como faço para pegar esse src de cada um JSON e passar todos eles como varias imagens no React? Tô aprendendo!

Este é o JSON obtido através do Puppeteer: [ { "src": "https://instagram.ffor9-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/c0.280.720.720a/s640x640/...
-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 ...
-2 votos
1 resposta
96 visitas

Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. ao mudar const

Quero clicar em um TouchableOpacity e mudar o valor da const porém tenho esse erro. Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. Código da minha tela: ...
-1 votos
1 resposta
83 visitas

Inserir valores em mais de 1 formulário dinamicamente com formsy-react

Estou desenvolvendo uma aplicação em ReactJS e atualmente tenho 6 formulários (estou utilizando o formsy-react) que são inseridos de forma dinâmica, preciso inserir informações nos inputs de um ...
0 votos
1 resposta
1mil visitas

useState - Array renderiza sempre vazio na primeira vez

Estou tentando fazer uma validação da variável prods com o .length, porém percebo que toda vez que este useEffect roda, ele retorna vazio antes da atualização da variável. Logo, qualquer tipo de ...
0 votos
1 resposta
2mil visitas

Como impedir que um componente react seja renderizado mais de uma vez ao usar state

Estou aprendendo react e desenvolvendo uma tela onde ao abrir ele vai exibir uma lista de itens obtidos de uma API. Nessa tela também tera um botão para atualizar a lista. O código até agora é //...
1 voto
2 respostas
1mil visitas

Imports dinâmicos em Javascript

Preciso importar dinamicamente os caminhos para os assets de uma aplicação, por exemplo: var cliente = clienteX import ../../caminho/${cliente}/caminho/arquivo.less Não será mudado em tempo de ...
-1 votos
1 resposta
102 visitas

Problemas ao consultar api com axios

Estou com problemas para consultar uma api com o axios, quando eu dou um GET o axios me retorna uma objeto normal, porém quando vou renderizar o conteúdo diz que a variável não contém nada. import ...

1
3 4
5
6 7
17