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,668
perguntas
-1
votos
1
resposta
30
visitas
Trocar ícone de botão de acordo com status
Possuo uma tabela de orçamentos e quando o orçamento estiver aprovado preciso que o ícone fique cinza e quando estiver com o status aguardando o ícone será azul, esses ícones são imagens que estão na ...
-2
votos
1
resposta
103
visitas
React - como faço para um input de um componente buscar uma lista que está em outro componente?
Criei um input para realizar uma busca de alunos numa lista, esse input está no componente Header, ele todo está assim:
function Header() {
return (
<header className='header'>
...
-2
votos
1
resposta
36
visitas
Mudar body da aplicação inline ReactJS
Olá, pessoal. Além de mudar o img com o id='pikachu' quando o usuário clicar três vezes no h1PIKACHU eu gostaria de mudar o body da aplicação para a mesma imagem. Alguém poderia me ajudar? O código ...
-2
votos
1
resposta
45
visitas
Como unir o contador de cliques com uma função que modifica a imagem em ReactJS?
Olá, pessoal. Estou tentado adicionar um easter egg a minha pokedex. Quando o usuário clicar três vezes na imagem do pikachu o background da aplicação deverá mudar. Já consegui adicionar o contador de ...
-2
votos
1
resposta
49
visitas
Ao clicar em um botão os outros também são selecionados junto
Estou tentando criar um programa em React em que o usuário poderá escolher salas de acordo com os horários. Ele não poderá escolher mais de uma sala por horário. As informações das salas vem por meio ...
-2
votos
1
resposta
49
visitas
O que significa isso no reactjs // eslint-disable-next-line import/no-anonymous-default-export
Pessoal sempre que crio uma função igual essa embaixo ele fica em amarelo alerta só sai quando eu acrescento esse comentário que o vscode me mostra alguém sabe pq?
import React from 'react'
import './...
-1
votos
1
resposta
47
visitas
Não consigo capturar um valor específico do json
Estou tendo o seguinte problema com meu código, que quando eu chamo um campo do meu json ele mostra todas as listas com todos os dados.
useEffect(()=>{
fetch('http://localhost:5000/...
-1
votos
1
resposta
21
visitas
Error in uploading marks Expected string but received array
Estou com um projeto de gestão escolar, e na aba de "enviar chamadas" quando clico no botão para enviar o form com as presenças dos alunos da o erro "Error in uploading marks Expected ...
0
votos
1
resposta
146
visitas
javascript: tela em branco, sem resultado
Boa noite!
Eu tenho um problema com Javascript, que não importa o que eu faça, nada que eu faço de código emite resultado na tela do navegador. Estou usando React Native, e por enquanto era para ...
-1
votos
1
resposta
61
visitas
Formulário com menu select não mostra os dados da API
Estou fazendo um formulário de cadastro e nele tem um input do tipo select, que mostra todos os nomes (condominios) que é possível fazer esse cadastro.
Entretanto, ao abrir o modal e em seguida o ...
-3
votos
1
resposta
49
visitas
Vunerabilidade ao criar um app REACTJS (Inefficient Regular Expression Complexity in nth-check)
Depois de um tempo sem estudar mais react resolvi voltar, atualizei o nodejs o npm e instalei o yarn, porém ao criar um app sempre me deparo com um alerta do npm dizendo que tenho pacotes causando ...
0
votos
0
respostas
130
visitas
Problemas com Context Api React
Eu estou tentando usar o Context Api para salvar os dados do usuário que vem pela api do firebase, porém quando vou obter esses valores no component Index, sempre retorna o erro: ***
TypeError: Object ...
-4
votos
1
resposta
363
visitas
Como resolver o erro Uncaught SyntaxError: Unexpected token '<'
estou com o seguinte problema estou recebendo um erro de Uncaught SyntaxError: Unexpected token '<' em minha aplicação react.
estou utilizando o single-spa este erro esta acontecendo na aplicação ...
-2
votos
2
respostas
315
visitas
Como enviar imagens e campos de texto para api em nodejs com react-native
Galera, estou tentando enviar um array de imagens e campos em texto para minha API feita em NodeJs com Express, porem não estou conseguindo.
Estou recebendo todas as informações no body da requisição, ...
-4
votos
1
resposta
353
visitas
Como passo um array de objetos por props? [fechada]
import React from 'react';
import Usuarios from './component/Usuarios'
let usuarios :{
name: string;
id: string;
}[];
usuarios = [
{name:"Usuario 01", id:"01"},
{name:&...
1
voto
1
resposta
157
visitas
Buscar dados pelo FETCH retornando dois valores em vez de um só
Boa tarde. Estou tendo problemas em encontrar uma solução. Quando faço minha requisição via FETCH e printo na tela com o console.log, aparecem dois arrays de objetos em vez de um só. Segue o print na ...
-4
votos
1
resposta
49
visitas
Não estou conseguindo realizar um onMouseEnter no react
Estou querendo ter o seguinte resultado:
Ao passar o mouse por cima de uma imagem quero que o paragrafo com classname chamado 'text' seja alterado, da mesma forma que ao tirar o mouse da imagem ele ...
0
votos
1
resposta
368
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:...
-1
votos
1
resposta
56
visitas
Setar a cor de uma div com base em um objeto recebido por props
Como eu faço para setar a cor de uma div com base em em um objeto recebido por props?
Map feito no arquivo App:
<div className={styles.grid}>
{levels.map((item,key) => (
<...
-4
votos
2
respostas
78
visitas
Meu problema e que o que eu salvo no localStorage nao consigo pegar depois
const [newRepo, setNewRepo] = useState("");
const [repositorios, setRepositorios] = useState([]);
const [loading, setLoading] = useState(false);
//salvar
useEffect(() => {
...
-2
votos
1
resposta
266
visitas
Como pegar o value de um input que foi autocompletado (React)?
A ideia é após preencher o campo cep, o consumo da api preenche o restante dos inputs porém após isso não estou conseguindo pegar o value desses inputs que foram autocompletados, ele retorna como ...
0
votos
2
respostas
56
visitas
Como posicionar o footer no fim da página sem o conteudo da pagina ficar em cima
Olá, estou com um problema simples que não consigo resolver de jeito nenhum.
Tenho uma página com bastante conteúdo, mas o conteúdo fica em cima do footer ou vice-versa. Já tentei por position ...
-2
votos
2
respostas
155
visitas
Não consigo pegar dados da API com Axios no React
Ao tentar pegar dados de uma API com axios , consigo vê-los no console ao utilizar o console.log. Entretanto, ao tentar colocar o resultado dentro de uma variável no React com useState, a variável não ...
-1
votos
1
resposta
337
visitas
Passar objeto como parâmetro no onClick em Typescript
Estou com uma dificuldade e gostaria de pedir ajuda de vocês, estou tentando passar um objeto (botão) como parâmetro para uma função no React usando typescript e estou recebendo um erro.
<button id=...
0
votos
1
resposta
14
visitas
Filtrar o que estou trazendo no NavLink
Estou importando o NavLink do react-router-dom e montando o meu menu assim:
<Nav navbar>{createLinks(routes)}</Nav>
No arquivo routes.js estou montando enviando conforme código abaixo:
...
-2
votos
3
respostas
89
visitas
React UseEffect lista assíncrona não renderiza
Estou com problema de uma lista assíncrona não aparecer quando o componente é iniciado. Essa lista não aparece mesmo eu dando refresh no navegador, mas se eu der um CRTL + S no meu código (pro react ...
0
votos
0
respostas
21
visitas
Como verificar se tenho um programa instalado em minha máquina pelo navegador, usando o protocol?
Gostaria de saber uma função no javascript, que eu tivesse a informação se o programa existe ou nao na máquina do usuário. Hoje em dia eu já consigo fazer dessa forma aqui: Usando uma biblioteca ...
-2
votos
1
resposta
178
visitas
Como criar rotas privadas no React JS com Firebase?
estou com o seguinte problema.
Estou criando um sistema com React JS e Firebase no qual tem dois tipos de usuários, e eu gostaria de criar rotas específicas para cada um deles. (Usuário comum e ...
-3
votos
1
resposta
406
visitas
"useNavigate() may be used only in the context of a <Router> component." . Como utilizar esse Router?
Eu tenho um formulário de login e logo após dar o submit ele deve ir para a página Home. Estou usando React js e para navegar entre as paginas estou usando o "useNavigate" do "react-...
0
votos
1
resposta
140
visitas
Como testar uma função em react?
Tenho um componente em react com varias funções e quero testar apenas uma, só que não consigo puxar essa função no jast e React Testing Library.
Eu tentei fazer dessa forma mas não deu certo, ele ...
0
votos
0
respostas
40
visitas
Como usar uma Variavel criada no Then() fora da função [duplicada]
Gostaria de saber como uso o valor retornado dentro da minha arrow function que estou salvando com ipv4, fora da função
pois quando dou o console.log dentro da função, me retorna o resultado certo, ...
0
votos
0
respostas
225
visitas
Como desabilitar somente o input que faz referência no ReactJS?
Eu duplico os campos dinamicamente no ReactJS, o problema é que quando quero desabilitar somente o campo referente, ele desabilita os outros também que foram gerados dinamicamente.
const [checked, ...
0
votos
1
resposta
162
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 ...
-3
votos
1
resposta
130
visitas
useEffect Infinito
gostaria de uma ajuda quanto ao uso do useEffect e axios. Atualmente, tenho o seguinte cenário em um projeto:
Tenho um hook de estado setando uma variável unidade, essa tem seu estado alterado quando ...
-1
votos
1
resposta
21
visitas
Usar um prop do componente no style dele
To querendo fazer um componente geral que possa ser alterado conforme as necessidades no meu projeto (treino). Do jeito que estou fazendo a variavel passada não é reconhecida no styles. É possível ...
0
votos
1
resposta
25
visitas
mudar o flexDirection com useState react-native
estou tentado fazer o flexDirection alternar entre 'row' e 'column' em um clique(um clique vai pra 'row', outro clique vai pra 'column'), o problema é que quando muda para o 'column' eu tenho que dar ...
-2
votos
1
resposta
225
visitas
Erro 'Failed to compile' - 'Redirect' is not exported from 'react-router-dom'
Em um projeto em desenvolvimento, fiz o update no react-router-dom para a versão 6.3.0.
Antes de atualizar para a v6, este era o código em React no arquivo Routes.tsx, sem erros, usando o VSCode:
...
-1
votos
1
resposta
74
visitas
Retornando componente dentro de uma função no react js
Fala pessoal, alguém consegue da um help nesta questão?
const LoadingHOC = (Component) =>{
return class extends React.Component {
render(){
return(
<div&...
-3
votos
1
resposta
135
visitas
Erro ao solicitar POST (NS_ERROR_DOM_BAD_URI) - React/Node
Estou tentando realizar um login com react e node, ao rodar localmente em meu computador ele funciona perfeitamente, quando eu subo no servidor hospedado ele me retorna o seguinte erro:
Obs.: A ...
0
votos
2
respostas
123
visitas
Erro ao tentar buscar um dado da API
Estou tentando criar um programa em React que faça conversão de moedas. Nesse caso, de real para dólar utilizando valores atualizados por meio de uma requisição à uma API que contenha esses dados. ...
-1
votos
2
respostas
61
visitas
Exibindo dados com React aparece no console mas não consigo passar pra exibir
Olá, estou com um projeto em React me retornando esse erro "Warning: Each child in a list should have a unique "key" prop."
import React, { useState, useEffect } from 'react';
...
-1
votos
1
resposta
70
visitas
Estado de useState não é atualizado
Estou desenvolvendo um box de exibição de perfil, onde o usuário pode recolher a visualização ou não. Ele até é recolhido com esperado, mas useState não está mudando o valor booleano para reabrir o ...
-2
votos
1
resposta
332
visitas
Como converter um buffer em um tipo imagem usando react e typescript
Estou com problemas ao mostrar uma imagem trazida do banco de dados.
-> Primeiro vou mostrar como essa imagem está sendo armazenada:
Aqui eu faço a importação e envio dela pro backend
import ...
-2
votos
1
resposta
63
visitas
como usar as informações de uma api em uma tag com props
eu quero fazer os valores da minha api aparecer no meu componente card, como podem ver eu tentei o props no componente Card mas ele da erro, diz que o valor esta indefinido, e esta porque o valor so ...
-1
votos
1
resposta
171
visitas
Warning em aplicação ReactJS com Vite e TypeScript
Boa tarde estou desenvolvendo um site em ReactJS para aprendizado na tecnologia, e estou recebendo um warning no meu terminal com a seguinte mensagem:
[vite] warning: Top-level "this" will ...
-4
votos
1
resposta
52
visitas
Utilizar useHistory fora de um componente React
Boa noite. Preciso criar uma função que importe o useHistory e quando eu chamá-la dentro um componente, ela me permitirá usar o history.push. Mas não está sendo possível utilizar o useHistory fora de ...
0
votos
1
resposta
56
visitas
sync do sequelize não está funcionando
salve comunidade! estou tentando usar o sequelize, onde no meu server.js coloquei o comando:
const db = require("./app/models");
db.sequelize.sync();
porém ao rodar o node ser.js apresenta ...
-2
votos
1
resposta
54
visitas
Como eu atribuo varios valores para uma mesma variavel, e dependendo de uma entrada, sera atribuido um valor para essa variavel?
Eu estou fazendo um blog usando Reactjs e Material UI. Já criei vários componentes e agora estou montando as paginas.
Acredito que minha pergunta tenha a ver com javascript do qualquer outra coisa.
...
-1
votos
1
resposta
84
visitas
Como listar todos os followers de um perfil do usuário usando API do Github?
Estou desenvolvendo uma aplicação em ReactJS que deveria me retornar uma lista com todos os seguidores de um usuário. No entanto, em um usuário com mais de 100 seguidores, meu código retorna apenas ...
0
votos
0
respostas
23
visitas
Input fica interrompendo tudo o que está sendo digitado
Tô com um probleminha, estou fazendo um projeto semelhante ao WhatsApp, (uma caixa de diálogo, onde recebe dois inputs e um button, após o usuário digitar primeiramente seu nome e depois seu texto, e ...