Todas as perguntas
Com as tags javascript react
846 perguntas
-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 ...