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,643
perguntas
-2
votos
1
resposta
22
visitas
Estou com problema no cors [fechada]
Estou codando uma aplicação em java/Spring boot, security e React , nisso estava tentado fazer cadastro e login, so que na hora que mandava o fetch ele me retornava dizendo que meu cors estava ...
-3
votos
0
respostas
20
visitas
Ajuda para fazer deploy back-end Node Express [fechada]
Estou com um problema relacionado ao deploy de uma aplicação full-stack que desenvolvi utilizando React no front-end e Node.js com Express no back-end.
A aplicação funciona perfeitamente em ambiente ...
-3
votos
0
respostas
23
visitas
Como faço para acessar as propriedades de um array, dentro de outro array de objetos? [fechada]
Preciso acessar as propriedades de children e colocar na tela.
const linkMenu =
[
{
id: 1,
label: 'Cadastrar',
children:
[
...
-2
votos
0
respostas
13
visitas
Receber um ícone em um componente e definir suas propriedades por seu tipo (phosphoricons)
Estou criando um componente de um botão em react com apenas um ícone para executar uma ação, como copiar um texto ou recarregar, por exemplo. Pra manter um padrão específico das propriedades do botão, ...
-2
votos
0
respostas
8
visitas
Erro ao rodar o comando "npm run dev" [fechada]
Estou tentando rodar o comando npm run dev usando vite para criar um projeto React, mas quando o executo aparece o seguinte erro:
" UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ...
-1
votos
0
respostas
18
visitas
Autenticação de login com symfony e react
Sou novo no symfony, estou aprendendo agora como funciona esse framework, e queria fazer um site simples pra praticar.
Estou agarrado na parte de autenticação de login. Estou fazendo a parte da ...
-2
votos
1
resposta
41
visitas
Usando a lib leaflet react, estou tentando mostrar um marker no mapa porém a imagem não renderiza
Meu projeto esta sendo feito em next, e acho que esse seja o problema pois ja usei essa lib em outro projeto que nao era feito em next. A documentação recomenda apenas que chame o marker que ele vai ...
0
votos
0
respostas
63
visitas
Como configurar CORS no NEXT.JS com uso de API RESTFUL
Bom dia!
Estou enfrentando um problema em meu projeto Next.JS que está me impedindo de avançar com meu projeto. A rota que eu criei para login não está sendo executada, retornando o erro 403 (Não tem ...
-1
votos
1
resposta
36
visitas
Navegação só retorna undefined - React + Typescript + MUI
Olá. Sou iniciante com React e Typescript. Estou tentando desenvolver um menu lateral com estrutura em árvore baseado na biblioteca MUI. Ao tentar navegar entre rotas clicando em um dos itens do menu, ...
0
votos
0
respostas
31
visitas
Deploy em uma aplicação React Vite
Bom dia, senhores. Realizei um deploy de uma aplicação construída em React Vite, o deploy foi feito dentro de um cPanel. A aplicação rodou normalmente, assim como outras que tenho, porém, nessa em ...
-1
votos
1
resposta
59
visitas
Como usar uma env dentro de um yml, especificamente Coveralls + TravisCi + Jest
Tenho um arquivo chamado .coveralls.yml preciso dele para passar o token do repositório do Github no momento que o TravisCi faz o build da aplicação em React + vite + Ts, ou seja, Nodejs.
.coveralls....
-2
votos
1
resposta
150
visitas
Google tag manager em aplicação react
Adicionei o goggle tag manager em uma aplicação react com next 12 da seguinte maneira:
import TagManager from "react-gtm-module";
function MyApp({ Component, pageProps }: AppProps) {
...
0
votos
0
respostas
42
visitas
Comportamento diferente entre React e html puro pós drag and drop
Por algum motivo, ao passar o mouse em cima da div vermelha(filho) após o drag and drop, o evento onMouseMove da div azul(Pai) não é acionado no React, mas é acionado no HTML puro.
Estou esquecendo ...
0
votos
0
respostas
65
visitas
Problema com internacionalização com i18next, react js
Estou querendo adicionar uma internacionalização com i18next no meu projeto react porem esta um erro, ressalto que sou iniciante e nao tenho tanta noção em react ainda, segue abaixo as prints, ...
-2
votos
0
respostas
29
visitas
useEffect e localStorage não estao armazenando os dados inseridos quando a pagina é atualizada [fechada]
quando atualizo a pagina as informaçoes inseridas nao retornam! e sim é uma array e verifiquei inumeras vezes o codigo e esta exatamente identico ao do curso segue abaixo ! no caso estou usando o ...
-2
votos
0
respostas
35
visitas
Problema com método POST usando React com PHP de back-end [fechada]
Comecei a usar React recentemente e estou um pouco com dores de cabeça para fazer um simples CRUD com PHP com MySQL, onde na minha aplicação React eu envio para o cadastrar.php, porém da erro no ...
0
votos
0
respostas
23
visitas
Ao mudar o estado do modal meu componente pai renderiza novamente
No componente pai eu faço um requisição que me devolve um trailer de filme. Ao clicar em Assistir trailer abre um modal que exibe o trailer do filme. Porém sempre que abro u fecho o modal, a ...
-3
votos
1
resposta
63
visitas
Fazer deploy de um projeto em ReactJS usando NodeJS pode ocultar alguma lógica da aplicação?
Suponhamos que estou criando uma aplicação em ReactJS que faz uma série de solicitações para uma API externa usando Axios.
No meu caso, imagine que eu tenho um componente que chama um arquivo de ...
0
votos
0
respostas
72
visitas
ajuda com o uso do navigator.mediaDevices.getUserMedia
estou Produzindo uma amplificador de guitarra para navegador, mais ao capturar o som de qualquer microfone o som esta saindo com flutuações, independente de ser a guitarra ou meu microfone do ...
-2
votos
1
resposta
151
visitas
React chamando a mesma função duas vezes
Esse componente lista uma seroe de card com baso em dados retornados do firebase, após retornar o dados, esses cards são renderizados normalmente,porém, notei que no console do Browser que o useEffect(...
-3
votos
1
resposta
161
visitas
Enviar dados de input para outra página em React
Olá!
Estou estudando ReactJs e fazendo um pequeno projeto onde tenho uma página que preciso preencher alguns inputs e ao clicar no botão "Gerar" redirecionar para outra página mostrando ...
0
votos
0
respostas
51
visitas
Ajuda com drag in drop @dnd-kit
estou com dificuldade em implementar um Drag in Drop em uma aplicação, eu preciso arrastar as tasks de uma box para a outra, o código está funcionando de maneira que eu já consigo mover para cima ou ...
0
votos
0
respostas
21
visitas
Não conseguindo obter o valor selecionado no Select do Material-UI(MUI)
Eu possuo um componente em React onde estou fazendo um componente de select que recebe um objeto neste formato:
{
"status": "Ok!",
"message": "Successfully ...
0
votos
0
respostas
75
visitas
Como mudar a imagem do slide de acordo com o tamanho de exibicao da tela - Swiper no React
tudo bem ?
Gostaria de uma ajuda!
Estou desenvolvendo um slider no meu componente Home no React, utilizando a biblioteca swiper.
Consegui importar as imagem e criar o slider, porem gostaria de saber ...
-1
votos
1
resposta
321
visitas
Content-Type: text/html Issue During PDF Download in Web Applications
I would like to ask for your help today. I am building an API, and it has an endpoint to download a receipt in PDF format. When I test this endpoint in Postman, it works fine, generating the PDF and ...
0
votos
0
respostas
55
visitas
Onchange demora a receber novo valor no input
Estou criando um pequeno formulário apenas para teste, onde o usuário digita seu nome no campo e após isso ha uma verificação se o nome encontrado esta salvo em um objeto chamado obj, mas depois que ...
0
votos
0
respostas
122
visitas
Permissao para habilitar a geolocalização no celular nao funciona (React)
Eu preciso pegar a geolocalização do meu usuário no meu site, porém, no celular, a mensagem que pergunta 'deseja permitir sua geolocalização?' nao aparece no meu caso. No pc, funciona normalmente, ...
0
votos
0
respostas
58
visitas
Como fazer o botão toggle exibir apenas o conteúdo desejado numa tabela gerada por ReactJs?
Estou criando uma aplicação em Next.js e acabou que aconteceu um comportamento que eu não esperava.
Após ler um json, monto uma tabela com as informações neste json! E para cada linha de informação ...
-1
votos
1
resposta
40
visitas
Aplicação em Next.js dando erro Error: Objects are not valid as a React child (found: object with keys {designId, id, username, download, path, links}
Estou com erro quando faço a chamada nesse hook numa aplicação em Next.js:^12.1.6:
export function useResultadoDesign(uuid:string) {
const [ listaImagens, setListaImagens ] = useState<ImagemGerada[]...
-1
votos
1
resposta
26
visitas
Botões carregando valor unico em react
olá, eu estou com uma dúvida que esta me matando a horas!!
Meu codigo em react, é sobre ao clicar no botao 'um' mostrasse uma imagem, e ao clicar no botão 'dois' mudasse para outra imagem. So que não ...
-2
votos
1
resposta
479
visitas
Como fazer um mock de useState no React
Estou enfrentando um problema ao tentar fazer um mock de um useState que recebe notas no React, o setNotes. Estou utilizando firebase, então essas notas são uma array de docs. Assim está meu ...
0
votos
0
respostas
95
visitas
Componente Carousel - Ajustar imagem dentro do Carousel
Criei um componente Carousel em React e um componente Banner onde estou consumindo o Carousel, coloquei 4 imagens dentro do meu componente banner, porém, não consigo fazer com que todas as imagens ...
0
votos
0
respostas
33
visitas
Renderizar meu react em outros projetos
Gostaria de saber se existe alguma maneira de exportar meu projeto react e importar em outros projetos com um link, a ideia seria hospedar meu projeto e poder acessar meus componentes através de um ...
0
votos
1
resposta
177
visitas
Erro CORS ocorre para um endpoint da API, mas não para outro
Eu tenho uma API REST escrita em DRF. Um aplicativo react consome esta API usando:
export default function Body() {
const location = useLocation();
const searchQuery = new URLSearchParams(...
-6
votos
0
respostas
36
visitas
url scheme safari [fechada]
Quero abrir um link específicamente no safari, qual seria a url scheme do safari ?
Tente com:
window.open(`com-apple-mobilesafari-tab:https://meusite.ao/?a`, '_blank', 'popup');
Infelizmente não deu ...
1
voto
0
respostas
39
visitas
como tipar dinamicamente um hook personalizado no react?
eu estou tentando tipar dinamicamente um hook personalizado, a minha ideia é que ele funcione da seguinte maneira:
function RandomComponent() {
//onde 'GenericType' seria a tipagem dinamica feita ...
0
votos
0
respostas
29
visitas
Array de favoritos só é criado a partir do segundo terceiro item criado. (React JS)
const [favoritesList, setFavoritesList] = useState([]);
Acima tenho um useState criando um array de favoritos.
const handleAddFavorites = (disheId) => {
setFavoritesList((prevState) => [......
0
votos
1
resposta
81
visitas
Expo React Native quando clico para abrir o modal, o expo reinicia fechando o app
Pessoal peço a ajuda de você, quando clico no meu modal o expo simplesmente reinicia o app, vou postar o codigo!
import { useNavigation } from '@react-navigation/native';
import React, { useState, ...
-2
votos
1
resposta
173
visitas
Problemas em navegação React Router Dom
Tenho uma aplicação feita em React e estou utilizando navegação através do React Router DOM.
Quando eu navego no código utilizando /login por exemplo, para redirecionar para a página de login, ele ...
-1
votos
1
resposta
36
visitas
Erro ao atualizar tabela em React
Bom dia.
Eu tenho um banco de dados pré-definido ("db"), de onde leio os dados. Preciso poder editar e remover cada linha (ainda não desenvolvi a parte de editar).
Quando uso a função ...
-1
votos
1
resposta
71
visitas
Lentidão em onPress - Pressable - React native
Recentemente comecei a estudar React Native, e estou fazendo um APP de Agendamento!
Mas estou enfrentando um problema de lentidão quando eu clico em um Pressable dentro da listagem.
Primeiro eu fiz a ...
2
votos
0
respostas
126
visitas
Como colocar uma variável em <Imagem source={}/> em React Native? [fechada]
Estou fazendo um aplicativo React Native e estou tentando colocar uma variável na IMAGE SOURCE
<FlatList
style={{ flexDirection: "row" }}
data={props.carregador}
keyExtractor={...
-2
votos
1
resposta
331
visitas
ReactJs [Primeiro projeto]: variável useState() não atualiza
Estou tendo minha primeira experiencia com React onde estou fazendo um projeto ADVPL (REST) + React. Porém falta um detalhe apenas no meu projeto: atualmente preciso clicar duas vezes no botão ...
-2
votos
1
resposta
102
visitas
Problema ao atualizar o estado no React ao implementar busca em uma API de Pokémons
Olá, comunidade do Stack Overflow!
Sou um iniciante em React e decidi criar um pequeno projeto no qual consumo uma API que retorna dados sobre Pokémons. Estou enfrentando problemas ao tentar ...
-3
votos
1
resposta
40
visitas
eu estou tendo problemas ao iniciar o React
ao tentar iniciar o react ele diz que "package.json" não esta sendo encontrado em "C:\Users\admin\Downloads\Projeto-QUIS-main"; irei colocar imagens abaixo para ajudar a ...
-2
votos
2
respostas
2mil
visitas
AxiosError: Network Error
estou usando react native e ao tentar consumir uma api utilizando emulador de android vi que o ip a ser usando em vez de localhosto seria esse abaixo:
import axios from 'axios';
const api = axios....
1
voto
0
respostas
53
visitas
Trazer dados de nós diferentes firebase - javascript
Olá! Tenho uma tabela que é alimentada por um Realtime Database - Firebase. A questão é: Meu banco tem 2 nós mas só consigo trazer os dados se especificar de qual eu quero. Como faço para ler os dados ...
-1
votos
1
resposta
66
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 ...
-4
votos
2
respostas
1mil
visitas
Erro ao executar npx create-react-app, npm install e npm -v
Estou tentando criar um projeto React e até o momento não obtive sucesso no vscode em meu Windows 11. Segue o erro do código ao realizar npm install:
C:\Users\Caju\Documents\FIAP\GLOBAL SOLUTION 2\...
0
votos
0
respostas
64
visitas
Object.entries() duplica os valores do enum na hora de fazer um map
Estou usando React com Next e TypeScript e preciso fazer gerar um select com algumas espécies de animais, porém na hora de fazer o map para gerar as option's o compilador duplica os valores.
Por ...