Todas as perguntas
Com as tags javascript react
846 perguntas
-3
votos
0
respostas
38
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/...
-2
votos
0
respostas
16
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 ...
-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
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&...
-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 ...
-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 ...
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 ...
-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 ...
-6
votos
0
respostas
44
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 ...
0
votos
0
respostas
33
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) => [......
-2
votos
1
resposta
200
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
88
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
141
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
404
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
115
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 ...
-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
59
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
73
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 ...
-1
votos
1
resposta
26
visitas
Como fazer para Navigate executar uma vez ou para de executar
Em minha pagina Login tenho duas condições, se o usuário estiver deslogado irá renderizar a parte do formulário, mas se o usuário estiver logado executará <Navigate to="home">.
Porém ...
-2
votos
1
resposta
59
visitas
Typagem dinâmica
Opa! Eu tentei fazer o seguinte:
type TabelaApontamentoProps = {
arrayTitulo?: string[]
data?: {
}[]
TemTipoLinha?: boolean
NTipoLinha?: number
CorTipoLinha?: string
NColunaDestaque?:...
0
votos
1
resposta
70
visitas
As páginas não são renderizadas por meio do React Router Dom
Sou recente na programação, instalei a biblioteca react-router-dom para trocar uma página quando clica ou trocar o link de "/" por "/usuarios", aparentemente o código parece estar ...
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 ...
-3
votos
1
resposta
88
visitas
diferentes tipos de passar uma props ou elemento importado
estou fazendo um código em react que chama um componente passando props, no primeiro caso:
import challengAlura from "../../../img/aluraChallenge.png"
import frontMentorCss from "../../....
-1
votos
0
respostas
192
visitas
Como utilizar um único arquivo de variáveis globais utilizando CSS Modules e CSS Inline? [fechada]
Estou iniciando um projeto React.js com SCSS e tentando desenvolver uma biblioteca de componentes UI própria. Para padronizar os estilos eu utilizaria um arquivo tema (com as variáveis globais). Minha ...
-1
votos
1
resposta
35
visitas
O alert do endpoint DELETE não funciona e quando deleta, volta para a página inicial ao invés de atualizar e continuar na mesma página
const PlaylistComponent = (props) => {
const[playlists, setPlaylists] = useState([])
useEffect(() => {
getAllPlaylists()
},[])
const getAllPlaylists = () => {
...
-3
votos
1
resposta
51
visitas
Como fazer o botão ficar desabilitado e só funcionar quando o campo file estiver preenchido?
Eu preciso fazer o botão ficar desabilitado e só funcionar quando o campo file estiver preenchido, tentei o required mas não obtive sucesso. o código está em js, react...
o código em questão é esse:
&...
0
votos
0
respostas
174
visitas
Problema com node js ao enviar arquivos para banco de dados mysql
Estou com um formulário em React Js mas ao enviar o body para o node, apenas a imagem não funciona. Porém ao fazer o post pelo insônia, tudo funciona perfeitamente. O console.log(req.file) quando ...
0
votos
0
respostas
84
visitas
Estilização por props não funciona
estou aprendendo react e tentei passar uma estilização por props, mas não vejo o resultado no navegador. Gostaria de deixar o <p>footer<p/> mais para baixo, então dei uma customClass, ...
-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 ...
-1
votos
1
resposta
588
visitas
Erro ao consumir API método post no react native ( ERROR [TypeError: Network request failed] )
Estou tendo um problema com consumo de API no react native. Irei mostrar uma parte do código:
Essa é a parte da API
function cadastrarUsuarioCuidador(nome,email,password) {
fetch('http://localhost:...
1
voto
0
respostas
83
visitas
Qual a melhor maneira de implementar a lógica de autenticação em um aplicativo React Native com Redux?
Estou trabalhando em um aplicativo React Native que utiliza o Redux para gerenciar o estado global. Eu gostaria de implementar a lógica de autenticação no meu aplicativo, mas estou um pouco perdido em ...
0
votos
0
respostas
42
visitas
Scale em um elemento com posição absoluta
Boa tarde a todos, estou tendendo a dar um efeito de escala em uma imagem que esta em um cartão, mas ao invez dela vir pra frente ela esta indo pra baixo, acredito que seja porque ela esta com posição ...
-1
votos
1
resposta
317
visitas
Forçar path fixo no Nextjs
Estou com um projeto Nextjs que precisa rodar com um path como por exemplo:
localhost:3000/nomedoprojeto
Fiz essa configuração no arquivo next.config.js
module.exports = {
basePath: '/...
-2
votos
1
resposta
521
visitas
Carrinho de compras adicionando todos os itens de uma vez só
Ola! estou fazendo um projeto para estudo de um ecommerce, estou utilizando NextJs e strapi para o CM. Estou com o seguinte problema, quando clico no meu botão para adicionar ao carrinho de compras, ...
0
votos
0
respostas
17
visitas
Colocar cor em Type Animation
Olá, estou tentando colocar com em uma parte do texto escrito, porém só consegui colocar cor nele inteiro,
export const Title = () => {
return (
<TypeAnimation
sequence={[
...
0
votos
0
respostas
176
visitas
ReactJS - Minhas Rotas não funcionam em produção
index.js do projeto:
import React from 'react';
import ReactDOM from 'react-dom/client';
import {
createBrowserRouter,
RouterProvider,
createRoutesFromElements,
Route
} from "react-router-...
-3
votos
1
resposta
77
visitas
estou tentando fazer uma importação do react no navbar e não esta indo
import './App.css';
import "../node_modules/bootstrap/dist/css/bootstrap.min.css"
import navbar from './layout/navbar';
inserir a descrição da imagem aqui
function App() {
return (
<...
-2
votos
1
resposta
20
visitas
Ajuda com Código React
estou começando a estudar sobre programação, não entendo quase nada.
Recentemente vi video sobre criar web site com react usando API do TMDB.
Fiz os procedimentos do video, porém ele está ...
-1
votos
1
resposta
99
visitas
Sistema de Download do banco de dados Erro about:blank#blocked
Tenho o seguinte problema, no sistema que estou trabalhando temos uma opcao de download de archivo em pdf e excel, o sistema esta construido con React, React-Redux, Redux-Saga. Bom esse sistema de ...
-1
votos
1
resposta
248
visitas
Erro ao tentar utilizar dados da api axios
estou com o seguinte problema, estou tentando fazer uma api simples com Axios a parte do backend funciona normal, executa e tudo, quando to no front dou um useEffect junto ao get e coleto os dados que ...
-2
votos
2
respostas
350
visitas
editar 1 item da lista de array salvo em localstorage
criei um app de tarefas, adiciono tarefas, e excluo tarefas, tambem preciso editar tarefa criada. como faço essa implementaçao no codigo, para editar tarefas criadas
form.jsx
export default function ...
0
votos
1
resposta
182
visitas
Estou com uma duvida sobre integrar duas API diferentes em um useState
Eu queria integrar essas duas API diferentes em um useState
const nomePaises = import.meta.env.VITE_PAISES_API_NOME;
const bandeiras = "node_modules/bandeiras/paises.json";
eu consegui ...
0
votos
1
resposta
156
visitas
Excluir 1 item do array [duplicada]
Estou criando um TODO, armazenar uma lista. Quero excluir 1 item da lista tabem, quando clico em excluir ele excluir todo o array, zerando tudo. como faço para exlcuir somente item que clico em ...
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 ...
0
votos
1
resposta
53
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
434
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 ...