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,661
perguntas
-2
votos
0
respostas
6
visitas
hook UseSelector não está funcionando
Estou tentando pegar dados salvo no meu state do store e usar ela no componente de login, mas vem sempre como undefined.
Pra chamar a string, estou fazendo da seguinte forma:
Minha store:
const store =...
-3
votos
1
resposta
11
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
13
visitas
Usabilidade do useState e useEffect no react-TS
Me perdoem de antemão caso tenham gafes no código rs.
Estou praticando react-TS criando um "deck maker" de Yu-gi-oh!. Por enquanto fiz apenas uma listagem de todas as cartas do jogo, mas me ...
-2
votos
0
respostas
4
visitas
Problemas com consumo leituras do Cloud Firestore
estou criando uma aplicação que utiliza o banco de dados do cloud firestore, usando a versão gratuita do firebase que dá até 50 mil leituras por dia.
contudo, apesar de ter adicionado apenas 10 nomes ...
-3
votos
1
resposta
23
visitas
Por que meu código está duplicando quando é executado?
Estou fazendo uma aplicação em ReactJS e por algum motivo quando algumas partes do código rodam ficam duplicadas ou em looping mesmo não estando dentro de um laço de repetição.
Esse é o exemplo do ...
-1
votos
0
respostas
9
visitas
Espaço entre o componente filho e a borda do componente pai
Estava criando um projeto com reactjs com vite e Tailwind, quando ocorreu este problema. Mesmo com o componente header com width = 100%, ainda sobra um espacinho entre a borda do componente pai e o ...
-1
votos
0
respostas
12
visitas
Erro de sintaxe no React
Estou codando em react mas não estou conseguindo achar o erro de sintaxe que aparece como "parsing error: unspected token, expected ',' ". O erro aparece no "results" do results....
-1
votos
0
respostas
12
visitas
Somar os valores dos checkbox em react js
jQuery(function() {
$(document).ready(function() {
$(".dias").change(function() {
var total = $('input[class="dias"]:checked').get().reduce(function(tot, el) {
...
0
votos
1
resposta
16
visitas
React. Js - Como passar data entre dois childs components e o parent component?
Tenho 3 componentes
Component Child 1 - Este tem um input do tipo checkbox e preciso de passar a informação que está checked para o Component Pai
const onInputChange = (event) => {
setChecked(!...
-2
votos
0
respostas
10
visitas
Como armazenar os valores do map para fazer comparaçoes posteriormente
Estou desenvolvendo um projeto de um pokedex onde estou pegando os pokemons do PokeAPI...
E o problema/duvida que estou tendo é: É possivel armazenar os "resultados" quando se utiliza o map? ...
-3
votos
0
respostas
13
visitas
Dificuldade em comparar senha do input com o hash no mongoDB
Salve galera, to com um problema por aqui.
Estou desenvolvendo um sistema de Login, e utilizando a lib para fazer o hash com Bcryptjs.
Pela documentação a orientação e comparar as duas senhas com o ...
-1
votos
1
resposta
24
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
0
respostas
13
visitas
Mensagem de erro no react
Montei um componente de formulário mas ao abrir o devtools aparece a seguinte mensagem de erro: "the above error occured in the component" e não consigo achar o erro. Segue o código:
...
-1
votos
0
respostas
15
visitas
Não consigo instalar o React usando: npx creat-react-app ./
PS D:\Documentos\projetos\finance_frontEnd> npx create-react-app ./
Erro retornado:
A&N\AppData\Local\npm-cache\_npx\c67e74de0542c87c\node_modules\.bin\' is not recognized as an internal or ...
-2
votos
0
respostas
12
visitas
Hora inicial e final [fechada]
Tenho os campos de Horário de inicio e término, por padrão são preenchidos com intervalo de 2 horas, porém deve ser possível editar o campo de Horário de término, ao alterar o campo final e confirmar ...
-2
votos
0
respostas
19
visitas
Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop
Estou tentando fazer um cadastro, porém ao digitar o email a tela fica branca e ao abrir o console aparece o erro Uncaught Error: Too many re-renders. React limits the number of renders to prevent an ...
-2
votos
0
respostas
11
visitas
Nao salvar quando só tiver espaços no input [fechada]
Estou fazendo um app lista de tarefas em react salvando no localstorage, estou com problema de quando coloco somente espaços no input ele salva uma nova tarefa em "branco" somente os espaços,...
0
votos
0
respostas
23
visitas
Erro ao rodar yarn ou npm start
Em todos os projetos antigos que eu tenho, ou projetos novos que eu crie com react, ao dar o yarn ou npm start, recebo o seguinte erro:
*file:///C:/Users/gbuzi/Dropbox/PC/Desktop/testeee/node_modules/...
-2
votos
0
respostas
23
visitas
Erro quando tento fazer um upload de arquivo no servidor Node.JS
Quando faço o upload de arquivo no servidor local, ele funciona normalmente.
Porém quando tento no server retorna esse erro:
Error: Unexpected end of form at Multipart._final
REACTJS
const ...
-2
votos
0
respostas
12
visitas
Warning: Function components cannot be given refs
Olá.
Tenho uma aplicação em React, com classes, que estou mudando para funções na intenção de utilizar os hooks.
Pois bem. Me deparei com um erro ao tentar passar uma função do componente 1 para o ...
-2
votos
1
resposta
18
visitas
Como fazer com que a lib yup não aceite um determinado valor? [fechada]
Oi pessoal estou com uma dúvida, queria fazer uma validação em um select usando a lib yup
Ele ja começa como primeira opção o seguinte valor "Selecione uma categoria"
Queria fazer com que se ...
-2
votos
2
respostas
60
visitas
JWT não retorna o token ou objeto, node e react
Olá, estou tentando fazer uma aplicação web utilizando node, react e js, ocorre que quando eu a fiz e testei no POSTMAN, tudo funcionou perfeitamente, porém, ao tentar fazer o deploy, não consigui ...
-1
votos
0
respostas
7
visitas
PdfMake imprimindo as tags junto
Opa rapaziada, estou utilizando a lib pdfmake para gerar pdfs, mas esta ocorrendo um problema que na hora de gerar o pdf esta vindo as tags do html junto, teria uma formatainserir a descrição da ...
-1
votos
1
resposta
23
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
0
respostas
18
visitas
Adicionando dados de um form para uma api json
Estou fazendo uma pagina usando reacjs onde é realizado um cadastro a partir de forms que fiz com base no react-hook-forms, gostaria de pegar os dados digitados no forms e adicionar a api json, alguem ...
0
votos
0
respostas
9
visitas
Como passar um array de um componente para outro componente utilizando Class Component em React-JS?
Boa tarde!
Estou tentando criar uma tela que recebe dados de outro componente que deixei separado.
Minha ideia inicial é conseguir colocar dados de um array que está no componente Tabela, no do ...
-2
votos
0
respostas
8
visitas
Como fazer o aplicativo electron esperar pelo servidor em react abrir
A página do electron inicia antes do react, ficando em branco, quero saber como fazer o react iniciar primeiro, e logo depois, a página em electron, o trecho que eu estou usando para iniciar no ...
-1
votos
1
resposta
24
visitas
Fazer uma search bar no React e MongoDB/Mongoose
Não consigo de jeito nenhum fazer com que a minha search bar no React funcione para filtrar os resultados vindo do meu backend em Mongoose. Eu consigo mostrar todos os pets, mas quando eu tento ...
-3
votos
0
respostas
33
visitas
Como mostrar uma mensagem de sucesso no formulário de contato
O meu projeto React tem um formulário de contato. Quando eu aperto em enviar a mensagem, apenas abre um Alert. Eu quero que ao invés de ser o modal Alert, a mensagem de "Sua mensagem foi enviada ...
-1
votos
0
respostas
10
visitas
Estou fazendo uma Query do GraphQL + Apollo, mas está retornando undefined
Está retornando undefined ou null, não consegui mais receber o JSON do Hygraph. Isso foi depois que tentei implementar o getServerSideProps :/
Documentação do Componente:
Este componente é responsável ...
-4
votos
0
respostas
18
visitas
React - Home page em branco
Fiz utilização de vários Rotes, no localhost consegui que apareça a Home ao iniciar o projeto, porem quando subi para o servidor, ele inicia sem o "home". Como fixar o Home como pagina ...
-2
votos
2
respostas
66
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 ...
-2
votos
0
respostas
13
visitas
Como Cancelar e renovar chamada axios?
Tenho uma uma api em NodeJS e front em React
Gostaria que ao mudar um parâmetro em combobox, caso estiver sendo feito uma chamada no axios ele interromper o que está sendo feito e realizar uma nova ...
-1
votos
0
respostas
14
visitas
Aplicação em React Não funciona ao fazer o deploy
Criei uma Aplicação em ReactJS e funciona tudo certinho fiz o build e criou a pasta dist, porém quando faço deploy não aparece nada e aparece esta mensagem de erro: Failed to load resource: the server ...
-1
votos
0
respostas
4
visitas
Estou tentando colocar o redutor contra-nomes no configureStore mas não consigo, onde esta o err
Estou fazendo uma aplicação react com redux e estou tendo o erro:
inserir a descrição da imagem aqui
arquivo store.js
import { configureStore } from "@reduxjs/toolkit";
import { ...
0
votos
1
resposta
16
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 ...
-2
votos
0
respostas
16
visitas
ERRO ao start projeto em React
bom dia.
Gostaria de me ajudar por favor.
Estou criando o meu primeiro projeto em React, executei os seguintes comandos para criação do projeto, veja abaixo:
npx create-react-app my-app
O terminal ...
0
votos
1
resposta
48
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 ...
-1
votos
0
respostas
17
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
15
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 ...
-3
votos
0
respostas
16
visitas
o switch case não está funcionando
O switch case não funciona corretamente. Sempre pula para a instrução default.
Veja o meu código abaixo:
function cadastrar() {
setMsgTipo(null);
if(!email || !senha){
setMsgTipo('...
0
votos
1
resposta
8
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}>
&...
-1
votos
0
respostas
23
visitas
Como inserir html dentro de um { } do react.js?
Estou aprendendo React.js e estou com dificuldade em acessar uma variável.
Abaixo, a imagem de como os meus componentes estão organizados. Fiz algo bem simples porque é apenas um teste para tentar ...