Skip to main content

Todas as perguntas

Com as tags
Filtrar por
Ordenado por
Com tags
-2 votos
0 respostas
15 visitas

Atualizar data com Next.js [fechada]

Problema: Estou desenvolvendo uma aplicação web com Next.js que carrega uma tabela com um cronograma mostrada no link: Imagem da Tabela. Porém, a linha destacada não está atualizando de acordo com o ...
-3 votos
0 respostas
37 visitas

alguem pode me ajudar com esse erro por favor? [fechada]

node:internal/modules/cjs/loader:1252 throw err; ^ Error: Cannot find module 'D:\Program Files\JavaScript\node_modules\npm\bin\npm-prefix.js' at Function._resolveFilename (node:internal/modules/cjs/...
5 votos
3 respostas
853 visitas

Local Push Notification iOS

Estou usando a lib react-native-push-notification para agendar notificações em um app,e estou com um problema para criar uma notificação local que se repita em determinado intervalo para iOS, ou seja, ...
0 votos
1 resposta
320 visitas

Como escolher apenas alguns itens de um .map

Estou fazendo um aplicativo parecido com o facebook, todas as postagens estão em um .map: {datapost !== undefined && datapost.map(item => { return ( ...
4 votos
3 respostas
827 visitas

O que é e por que devo fornecer um “array de dependências” para os hooks do React?

Quem nunca se esqueceu de passar uma “dependência” ao array de dependência dos hooks do React? É um infeliz fardo que toda pessoa que utiliza o React tem que estar atento: passar a dependência ...
-2 votos
0 respostas
11 visitas

PROBLEMA na renderização dos dados no componente. componente renderiza primeiro que os dados aparecem [fechada]

tenho um componente de tabela para exibir dados dos usuários cadastrados, ao aplicar um filtro baseado no tipo de usuário logado, a tabela não está exibindo de primeira os dados, mas quando recarrego ...
2 votos
1 resposta
752 visitas

Passar estado entre componentes sem hierarquia

Estou fazendo um app todo list, e gostaria que ao clicar no botão edit o conteúdo aparecesse no campo onde adiciono meu novo item. Mas a ação do botão e o estado são componentes irmãos. AddTodo (como ...
0 votos
1 resposta
1mil visitas

Shadow box em imagem React Native

Estou tendo dificuldade para colocar um shadow na imagem, tentei colocar na View e na Image mas não funcionou. <View style={styles.ContainerImageProfile}> <Image style={styles....
0 votos
1 resposta
1mil visitas

onChange nativo em React

Estou tentando pegar o evento onChange nativo do navegador, visto que o onChange do React é executado a cada tecla pressionada pelo usuário. É possível implementar isso? O evento nativo acredito eu ...
-2 votos
0 respostas
13 visitas

Como passar um valor para um campo anexo obrigatório do Antd após selecinar um checkbox

Como posso fazer com que os valores selecionados no Checkbox.Group sejam enviados diretamente para o campo vazio do formulário (myField) e que ele passe pela validação? import React from "react&...
0 votos
1 resposta
405 visitas

Como direciono o link para a âncora e fecho o modal ao mesmo tempo?

Tenho alguns links num modal feito em React que vão para âncoras da página que o modal foi aberto. Estou usando href para a âncora e o evento onClick para fechar o modal. Exemplo: <a onClick={props....
0 votos
1 resposta
352 visitas

Como estilizar componentes filhos através dos pais e componentes já criados pelo @material-ui

Estou criando uma sidebar e estou utilizando o Drawer do @material-ui e segui o primeiro source-code deste link (https://material-ui.com/pt/components/drawers/): import React from 'react'; import { ...
2 votos
1 resposta
529 visitas

REACT - Erro datepicker

Bom dia! Estou tentando utilizar componentes de datepicker no React. Estou usando materialize, mas até mesmo o componente do mesmo está gerando o mesmo erro. Atualmente estou tentando utilizar o react-...
-3 votos
0 respostas
19 visitas

Lib XLSX em javascript, exporta para planilha valor do tipo Data [fechada]

Estou utilizando a lib XLSX, ao exportar para o excel ela vem no formato texto, e se eu forçar para o tipo Data, ela vem com a data do dia anterior e com horario. Estou a horas tentando de alguma ...
1 voto
1 resposta
547 visitas

React e Redux, chamada com dispatch ao reducer causando loop em componente baseado em classe

Minha aplicação combina React e Redux Tenho um componente baseado em classe chamado Login.js, um slice chamado settingsSlice.js e estou usando connect para acessar o estado nesse componente. Meus ...
0 votos
2 respostas
388 visitas

Renderização de componentes assíncrona

Ao acessar a minha página web, há uma grande demora na renderização da home, então primeiro aparece o header e o footer e depois com demora vem a seção hero. Creio que isso seja pelo fato de todos os ...
1 voto
1 resposta
308 visitas

Problema no login ao clicar botão usando fetch react js?

Estou com problema ao clicar no botão e fazer login, quando clico no botão ele traz o usuario e senha do banco mas para fazer login e entrar no sistema preciso clicar duas vezes botão, a primeira vez ...
0 votos
1 resposta
252 visitas

Como reproduzir algo dentro do useEffect ReactJS sem virar um loop?

Meus caros, estava fazendo um exemplo que vi na internet onde o client faz a consulta pela api, e o get do axios é inserido dentro do useEffect que fica escutando caso haja novo valor no banco e já ...
0 votos
1 resposta
904 visitas

Passar função pra outro componente - ReactJS

Tenho uma função que muda um estado, só que preciso receber essa função em outro componente e aplicar no botão que vai executar a função. Quando coloco um botão nesse mesmo componente, consigo ...
0 votos
1 resposta
995 visitas

Fazer uma variavel useState global no React

Estou fazendo um app através do expo com react-native.Estou fazendo um botão que ao clicar quero que ele altera o height de um component . Eu pensei em realizar um export de uma variavel useState e ...
0 votos
1 resposta
969 visitas

Alterar campo dinamicamente no ReactJs

Estou desenvolvendo um projeto, e ao digitar um valor em um campo necessito que o outro campo seja alterado com base nos valores que defini em uma função, aqui está o código: constructor(props) { ...
0 votos
1 resposta
436 visitas

Organizar tabela com reactjs e firebase

Estou recebendo dados do Firebase com o ReactJS e o meu problema é que quero organizar esses dados na tabela da seguinte forma: Mas não estou conseguindo fazer, esse é o resultado que consegui: Sei ...
0 votos
1 resposta
1mil visitas

Estilizando componentes no React

Estou iniciando meus estudos/desenvolvimento com React porém estou com um problema na estilização dos componentes. Mesmo importando o arquivo CSS no no meu componente,o estilo não está pegando. Como ...
0 votos
1 resposta
2mil visitas

Como fechar uma tela(navigation) no React Native, a partir de outra

Eu preciso saber como eu fecho as telas que eu ja abri atras. Tipo: Estou indo A - B - C - D ...quando eu chegar na D, eu quero voltar pra A. Mas, se eu apertar o botao de voltar tanto no Android ...
-3 votos
0 respostas
26 visitas

Next-auth - callbackURL com redirecionamento quebrado [fechada]

Estou realizando autenicação com Next-Auth, porém quando executo o login, o redirecionamento está quebrado. O Next-Auth está adicionando o callbackUrl(nome do parametro) na URL, causando a quebra do ...
1 voto
1 resposta
881 visitas

Como posso esconder um Component quando a busca de login estiver concluida

Como eu posso pegar esconder um componente quando o resultado do banco estiver concluído. Código: import React, { Component } from 'react'; import axios from 'axios'; class Login extends Component {...
0 votos
2 respostas
290 visitas

Componente DatePicker quebrando a tela na edição

Criei o seguinte componente para selecionar datas no UnForm: export default function DatePickerInput({ name, ...rest }) { const datepickerRef = useRef(null); const { fieldName, defaultValue = '', ...
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 ...
0 votos
1 resposta
720 visitas

REACT Condição para valor NULL no Input

Estou com uma dúvida no React ao fazer um update de dados de um aluno onde utilizo o useEffect() para buscar os dados do aluno e leva-los até o formulário pelo placeholder={} e em seguida tenho um ...
0 votos
1 resposta
457 visitas

Passar props via Bottom Tab Navigator

Estou desenvolvendo uma aplicação com React Native e estou tendo um problema, alguém saberia me dizer como passar dados de uma tela para um Bottom Tab Navigator? Tenho uma tela chamada MainPerson com ...
0 votos
1 resposta
1mil visitas

Erro ao requisitar dados da minha API com React Access to fetch at from origin CORS policy

Eu criei uma API para estudar o consumo e etc, porém na hora de requisitar está me retornando esse erro: Access to fetch at 'https://galaxies-api.herokuapp.com/galaxies' from origin 'http://localhost:...
0 votos
1 resposta
1mil visitas

Next.js não carrega jsx

Recentemente eu andei pesquisando sobre Next, a framework js do momento, e quero começar a treinar com ela com alguns projetos. O problema é que não roda no meu computador, Não importa o que eu faça. ...
1 voto
0 respostas
34 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
1mil visitas

Atualizar a Table automaticamente ao deletar o registro

Olá, gostaria de saber como atualizar a tabela automaticamente depois de deletar algum registro, porém, toda vez que deleto um registro, tenho que atualizar novamente a página, e por isso utilizei a ...
1 voto
2 respostas
625 visitas

Value Textarea não funciona React

Olá, estou tentando "popular" um textarea com um valor, mas quando tento editar o campo e ele não permite. Já tentei utilizar a propriedade "defaultValue" mas o campo fica vazio. Segue partes do ...
-1 votos
1 resposta
520 visitas

Meu input só aceita um caractere de cada vez. E está repetindo o mesmo texto para outros Input

Só consigo digitar no input colocando um caractere de cada vez. e o mesmo valor que eu coloco em um, se repete para os demais inputs. já tentei várias alternativas de mudar o handleChange e etc mas ...
0 votos
1 resposta
2mil visitas

Como passar valores para outro componente nas rotas?

Tenho uma página de login, que faz autenticação por token e logo após, com o usuário e senha inserido são retornado os dados do usuário. Logo após isso eu redireciono o usuário para um componente ...
-2 votos
2 respostas
264 visitas

passar id do elemento filho para o elemento pai

estou precisando da ajuda de vcs. tenho minha pagina principal e um componente de card, o que eu gostaria era que a cada hover no card o backgroundImage da pagina principal mudasse de acordo com o ...
-3 votos
1 resposta
995 visitas

Erro no React.js - Warning: Each child in a list should have a unique "key" prop [fechada]

Estou usando Vite e Reactjs com Typescript. Estou com a seguinte mensagem de erro no console do chrome: Warning: Each child in a list should have a unique "key" prop. Check the render ...
2 votos
2 respostas
460 visitas

Como passar valor entre Functional Components usando Navigation.navigate

estou tentando passar valores de um Componente Funcional para outro Componente Funcional com navigation.navigate, na primeira tela o valor está lá, posso vê-lo renderizando-o ou no console.log, mas ...
0 votos
1 resposta
511 visitas

React Native - botão de um arquivo js chamando uma função ou variável em outro arquivo js

Preciso de um help aqui: Tenho 2 arquivos js: Header/index.js e Main/index.js Na Header/index.js tem um botão: <TouchableOpacity onPress={() => {}} /> Na Main/index.js tem: const ...
-1 votos
1 resposta
523 visitas

React e Leaflet: Jest encountered an unexpected token

Estou tentando criar testes com jest para um projeto de vaga de estágio, mas fica dando erro por causa da lib de mapa que instalei (leaflet). o erro é esse aqui: Test suite failed to run Jest ...
6 votos
2 respostas
4mil visitas

Para que serve e como definir a prop "key" no React?

Ao renderizar uma lista dinâmica no React ou React Native, recebo o seguinte aviso: Warning: Each child in a list should have a unique "key" prop. Apesar disso, as coisas parecem funcionar ...
0 votos
0 respostas
47 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
88 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
45 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 ...
3 votos
2 respostas
502 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
183 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(...
0 votos
0 respostas
161 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
72 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
2 3 4 5
17