Perguntas com a tag [react]
É uma biblioteca JavaScript de código aberto para criar interfaces de usuário. É mantido pelo Facebook, Instagram e uma comunidade de desenvolvedores individuais e outras empresas
1,666
perguntas
-1
votos
0
respostas
20
visitas
Delay ao carregar uma imagem no Modal - React
Estou com um problema no meu projeto, quando recarrego a pagina, ou inicio o projeto, a primeira vez que tento abrir o modal ocorrer uma demora para carregar a imagem que vem da api, mas quando fecho ...
-4
votos
0
respostas
16
visitas
Quero integrar React ou Vue em um projeto Laravel. Existe a possibilidade de eu precisar apenas de um servidor?
Tenho um projeto Laravel no qual gostaria de incluir um framework de frontEnd, nesse caso React ou Vue. Algum desses dois me possibilita de eu rodar um unico servidor, com php artisan serve, por ...
-2
votos
0
respostas
6
visitas
Ativar click no menu com React.JS
Queria saber nesse caso, qual é a melhor forma de fechar o menu mobile assim que eu clicar em algum dos links presentes dentro dele ?
import { useRef } from "react";
import { FaBars, FaTimes ...
-3
votos
0
respostas
12
visitas
Como pegar o valor do select e salvar na variável
Estou tentando pegar o valor que vem do select, mas não estou conseguino.
Estou listando todos os usuários da api para pegar apenas o código com e salvar no banco de dados.
Estou usando o for() para ...
-1
votos
1
resposta
23
visitas
REACT: Erro ao chamar Dados da API
Meu site tem apenas duas páginas a Home (onde aparece todos os pokemons) e a detalhes onde aparece os detalhes do Pokemon.
A primeira página carrega normal, já a página de detalhes do pokemon dá um ...
0
votos
0
respostas
18
visitas
Como alterar o JSON para trazer um valor mesmo que zerado no BD
Tenho um BD com uma tabela de setores, uma de tópicos e outra com os valores. A de setor tem relacionamento com mais de um tópico, e o tópico tem relacionamento com um valor.
Tenho um service que vai ...
-2
votos
0
respostas
25
visitas
Minha imagem não carrega no ternário usando o React
A ideia é que quando eu clicar no texto a imagem abra, porém apenas esta mostrando o ícone de imagem e o alt escrito. Será que teria uma forma melhor de puxar a imagem? Já tentei como componente e ...
-1
votos
1
resposta
19
visitas
Como tranferir dados de um objeto para outra no react?
Estou recebeno os dados de um serviço via API. gostaria de pegar esse resultado e dar um set em outra variavel. mas como mostra nas fotos. eu recebo o objeto certinho, mas quando tento tranferir o ...
0
votos
1
resposta
11
visitas
update em um setState() com dados vindos de um banco mysql
sou novo em programação e estou tentando trazer dados de um banco de dados XAMPP em meu PC por uma API.
O problema é quando tento colocar os dados que estou puxando da API no setState(), simplesmente ...
0
votos
1
resposta
19
visitas
Selecionar um elemento irmão de uma div pai, através de uma ativação de um checkbox
Eu queria conseguir estilizar a tag <p> da minha tarefa quando meu checkbox estiver com checked. Só que não estou conseguindo seleciona-lá.
HTML:
<article className={styles.task}>
&...
-3
votos
1
resposta
41
visitas
Como saber quantos px equivalem 1 cm físico (na régua real) sem precisar de calibragem? [fechada]
Em minha aplicação (com React), preciso que a figura apresentada seja equivalente às medidas do mundo real (cm / mm) em todos os aparelhos.
O meu problema é: se defino o diâmetro de um circulo como 3 ...
-2
votos
1
resposta
30
visitas
Passo value via props para um input mas o onchange não altera o value
Tem um component que retorna um input e passo os dados(name, value, etc) para ele via props, o valor de value é um state e o onchange que passo também via props não está manipulando e alterando o ...
0
votos
0
respostas
12
visitas
Como atualizar o estado do contexto de fora do componente?
Tenho essa estrutura para emissão de alertas gerenciada por contextAPI.
Tenho um hook useAlerts que posso disparar alertas de dentro dos componentes.
Estou com dúvida em como atualizar o estado do ...
2
votos
1
resposta
47
visitas
Qual a diferença de tipos de exportação em React?
Sou um iniciante em React e estou com uma dúvida bem simples, eu quero saber qual a diferença a criação e exportação de um componente, acontece que já vi 3 formas diferentes e quero saber se existe ...
-2
votos
1
resposta
25
visitas
não consigo renderizar array de objetos para criar acordeão com react
Como renderizar elemento em react com map?
Não entendi porque não consigo renderizar os itens da lista.
import React from 'react' import Header from './Header'
const Duvidas = () => {
...
0
votos
1
resposta
30
visitas
Por que meu hooks personalizado retorna undefined ReactJS NextJS?
Foi criado um viewportContext que envolve todo o App, assim posso capturar o tamanho da tela.
import { createContext, useEffect, useState } from "react";
const viewportContext = ...
-2
votos
1
resposta
31
visitas
Ao clicar no input, deslizar a tela para cima no react JS
Olá gostaria de ajudar para quando eu clicar no input ele detect o teclado e deslizar a tela para cima deixando o input no topo da minha tela. Eu sei que no React Native tem essa seguinte biblioteca ...
0
votos
1
resposta
18
visitas
Como criar um componente Select customizado utilizando MUI (React)?
Olá.
Estou atuando em uma task front-end aqui na empresa e preciso criar uma caixa de seleção que permite que o usuário escolha várias opções de períodos (últimos 7 dias, 15 dias, etc).
O front ...
-2
votos
1
resposta
22
visitas
Acessar as propiedades de um array de objetos dentro de outro array?
Estou consumindo uma api de localidades no react e é obrigatorio usar o redux, tenho um button que manda uma ação passando uma sigla para pegar ela no reducer, com essa sigla eu faço uma requisiçao ...
0
votos
0
respostas
22
visitas
Problema ao conectar no Postman
Olá,
Estou com dificuldades em conectar o meu projeto com o Postman. Ao tentar fazer o login de usuário, não estou conseguindo encontrar minha página principal e aparece o erro dentro do meu Devtools ...
0
votos
0
respostas
16
visitas
Erro de importação de modulo no Reactjs V18.2.0
Estou refatorando o meu projeto e ao renomear uma pasta de 'Pages' para 'pages', minhas paginas estão dando erro no import gerando essa mensagem:
erro import
Tem algum lugar que eu consigo "...
-2
votos
1
resposta
30
visitas
Imagem componente react não carrega (mui material)
estou com o seguinte componente como navbar em uma aplicação frontend com react
import * as React from 'react';
import { styled, alpha } from '@mui/material/styles';
import AppBar from '@mui/material/...
0
votos
0
respostas
43
visitas
Erro 401 com axios
Estou tentando fazer um POST em uma API desenvolvida por mim que esta na Azure.
O POST para realizar login funciona.
mas a essa altura estou tentando fazer um loop para realizar vários POST.
repayment....
-1
votos
1
resposta
24
visitas
capturar valores textinput para realizar as operações
Olá sou iniciante em React Native e estou com um projeto simples, necessito pegar os valores digitados pelo usuário, mandar para um aruivo de controle e realizar o calculo de preço mas travei ao pegar ...
-3
votos
1
resposta
19
visitas
erro ao renderizar Polyline react leaflet
alguém sabe como resolver esse problema de renderização do Polyline no leaflet ?
Meu MapContainer renderiza um Polyline de acordo com uma lista de cordenadas, no entando, de acordo com o zoom ao ...
-2
votos
1
resposta
30
visitas
Atualização da data em um app no React
Olá, estou fazendo um app de notas e gostaria de, quando eu atualizo minha nota no modal, que a data também altere - e seja a mais recente. Consigo ver no console.log certinho a data atualizada, mas ...
-1
votos
1
resposta
52
visitas
Dados de tabela React Data Table Component não aparecem [fechada]
Criei uma tabela usando React Data Table Component. Fiz a tabela como um componente separado, importando-a para o App onde será usada. A princípio, as colunas e os dados da tabela devem ser passados ...
1
voto
1
resposta
58
visitas
Como Reutilizar um component com outro css - Styled Components
Seguinte, juro que testei vários métodos mas não obtive sucesso. Tenho esse componente de Button que está na cor verde, e gostaria que sempre que eu reutilizar ele eu possa trocar o Background para ...
-1
votos
1
resposta
88
visitas
Array.prototype.map() expects a return value from arrow function
Estou tentando montar uma tabela com os resultados de uma API usando react, mas a tabela simplesmente não aparece, e na arrow function do meu map está dando esse erro: Array.prototype.map() expects a ...
-2
votos
1
resposta
21
visitas
"Entrar" ainda aparece mesmo depois do usuário estar logado (React)
Eu gostaria de ajuda para criar esse código, quero que o "entrar" saia depois do usuário ter feito login.
Seguinte, antes do usuário fazer o login, aparece la a opção "Entrar". O ...
0
votos
0
respostas
32
visitas
Como enviar valores do componente filho para o pai e somar o resultado
Oii, pessoal! Estou usando useFieldArray do react-hook-form para replicar meu componente requisitos, mas preciso obter o valor de retorno da função requirementValueCalc e passá-lo para meu componente ...
2
votos
1
resposta
256
visitas
Por que usar um reducer em vez de um simples state?
O useReducer parece ser uma wrapper do useState, em vez de passar um novo estado, é passado uma ação (através de uma chave/id que a identifica), no reducer, um novo estado é definido baseado na ação e ...
3
votos
1
resposta
60
visitas
Mudar o estado pelo "current" ou pelo próprio valor do estado? Faz alguma diferença?
Aprendi a alterar dessas duas formas:
const [switch, setSwitch] = useState(false);
setSwitch(!switch); // 1
setSwitch(currentState => !currentState); // 2
Há alguma ...
0
votos
0
respostas
45
visitas
React parou de de funciona "npm start" não faz nada
Estava desenvolvendo um projeto e quando fui da o "npm start" e simplesmente nada aconteceu e não sei como resolver pois não da erro nada simplesmente desliga O que acontece
No termina ...
0
votos
1
resposta
16
visitas
Heigth's diferentes para cada Grid - React-JS + Material UI
Quero que as Grids não fiquem alinhadas, tentei ver na documentação porém não encontrei nada relacionado, segue abaixo o código atual que estou usando
<Grid container spacing={0.5} >
<...
1
voto
0
respostas
15
visitas
Nextjs Graphql Strapi Dynamic routes error
Bom dia estou tentando fazer uma card com um link que crie uma rota Dinamica o nextjs usando apollo client e graphql, ja tentei varias coisas e recebo o mesmo error sempre:
Error: A required parameter ...
0
votos
1
resposta
34
visitas
Valor repetido não é impresso no display - ReactJS
Olá, estou tentando criar uma calculadora usando React, porém, quando aperto no botão de um número que já havia sido enviado anteriormente ele não é passado.
Exemplo:
Desejo apresentar no display o ...
0
votos
0
respostas
26
visitas
Componente "Link to" do react não funciona
Estou aprendendo sobre React Router, mas o componente "link to" do react-router-dom não funciona. Como faço para funcionar?
import React from 'react';
import { BrowserRouter as Router, ...
-3
votos
2
respostas
38
visitas
Não consigo incluir componentes no react
Problema com React
Olá, tento fazer um import semelhante ao include de um header, mas estou com grandes dificuldades. O terminal indica que nunca usei o "topo", mesmo que eu tenha usado como ...
-2
votos
1
resposta
22
visitas
Flatlist - lista subindo e invadindo espaço do menu
Boa noite, estou com um problema em minha aplicação em react, minha lista (flatlist) quando fica com muitos itens, a lista acaba subindo na página e invadindo o espaço do menu de minha aplicação que ...
0
votos
0
respostas
12
visitas
MUI Autocomplete component Uncaught Error: Objects are not valid as a React child (found: object with keys {id, title})
Estou tentando usar o componente MUI Autocomplete no meu aplicativo passando categorias que recebo do firebase. Na documentação diz que o prop da opção do componente recebe um array de opções conforme ...
-2
votos
1
resposta
28
visitas
mascara de horas dinâmica formatada para 30:00 ou 300:00
Alguém conhece alguma máscara React para entrada de horas onde o formato não é HH:mm. Vou utilizar para definir o tempo em horas de projeto e alguns deles podem ter mais de 24h. Exemplo 120:00 horas, ...
-2
votos
1
resposta
37
visitas
Como vincular um back em node para um front em react recharts?
Preciso fazer um CRUD que é vinculada em um react recharts usando gráficos, procurei no youtube e não consegui achar de jeito nenhum como posso vincular o back em node com o front em react recharts ...
0
votos
1
resposta
168
visitas
Erro no is not assignable to type 'ReactNode'
estou utilizando nextjs, reactjs e typescript para criar um "projetinho", porém, faço a requisição da API tudo certinho pelo next, retorna tudo OK mas quando vou renderizar com map ele da os ...
0
votos
0
respostas
29
visitas
React Hook useEffect has a missing dependency
Tenho uma função que faz uma requisição em uma API e manipula alguns estados, e essa função só deve ser chamada quando um state específico for alterado.
O problema aqui é que o linter acusa um erro no ...
0
votos
0
respostas
28
visitas
Inserir dados em um array apenas atualizando os dados que já existirem com a mesma chave/valor
Estou desenvolvendo um front de um webapp para entregas de deliveries e nesta tela coloquei o mapa do google para que o proprietário da empresa possa ver o percurso dos seus motoboys em real-time. Até ...
1
voto
2
respostas
55
visitas
Looping infinito no Fetch dentro do useEffect
Estou aprendendo a usar o UseEffect e me deparei com um looping infinito na minha requisição(fetch). Pelo o que entendi, o meu useEffect apenas era para ser chamado quando a variável "user" ...
-1
votos
1
resposta
52
visitas
Componente <Navigate /> não redireciona corretamente
Estou tentando implementar rotas em uma aplicação minha usando react-router-dom, e nessa parte, quero redirecionar o usuário após ele fazer o login corretamente para outra rota, mas por algum motivo ...
0
votos
0
respostas
15
visitas
mui-datatable Maximum call stack size exceeded
Estou usando o mui-datatable,e quando clico em alguma coluna para ordernar esta dando o erro abaixo:
index.js:841 Uncaught RangeError: Maximum call stack size exceeded
at baseClone (index....
0
votos
0
respostas
4
visitas
Problema ao iniciar monitoramento de rotas em react.js onde o principal objetivo é rastrear em tempo real o veículo do usuário e criar um rastro
import {
Box,
Button,
Alert,
Card,
CardContent,
Grid,
Typography,
} from "@mui/material";
import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
import { grey ...