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,526
perguntas
-2
votos
0
respostas
12
visitas
Utilizar um estado com tipificação [fechada]
Sou iniciante em desenvolvimento de sistemas e fiz o código abaixo. Porém ao especificar o tipo da constante ele retorna um erro entre as setas e o colchetes (Erro de análise: símbolo inesperado), não ...
-1
votos
0
respostas
13
visitas
Como ocultar arquivos JSX ao inspecionar elemento do navegador? [fechada]
Ola! Sou iniciante em programação web e react. Gostaria de saber se é possível impedir a criação de arquivos JSX quando executo o npm run build, de uma aplicação criada com create-react-app.
Quando ...
0
votos
0
respostas
7
visitas
Erro no useEffect ao fazer deploy [fechada]
Estou usando React e um erro está ocorrendo ao fazer deploy do código, mesmo sendo apenas um aviso no console, quando tento realizar o deploy ele não deixa ser completado. O erro é o seguinte:
React ...
0
votos
1
resposta
1mil
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 ...
0
votos
0
respostas
24
visitas
Layout customizado de uma Grid com CSS [fechada]
Eu quero fazer esta grid com um Layout customizado de maneira de mostrar os jogadores da equipa, de maneira a ficarem ordenados por posição que estes jogam e que seja responsivo, tal como esta na ...
1
voto
0
respostas
15
visitas
ReactJS - Condicional em um atributo HTML
Estou tentando fazer uma função que atribua um número limitado de casas decimais em um input de 'quantidade' dependendo de qual será o valor de um outro input chamado 'unidade'
Caso o input de unidade ...
0
votos
0
respostas
13
visitas
Onde posso declarar uma variável estática em um functional component?
No meu functional component eu declaro um array de objetos que são a minha configuração dos fields de um formulário. Pra evitar a declaração dessa variável a cada renderização a declarei fora do ...
-2
votos
1
resposta
35
visitas
useEffect sendo chamado mais de uma vez
Estou criando uma pequena aplicação de chat em tempo real utilizando websockets, porém o useEffect está sendo chamado 2 vezes, e retornando para o usuário a mensagem duplicada, como posso estar ...
-2
votos
1
resposta
30
visitas
Problema com o hook useEffect
Estou com um problema que funciona da seguinte maneira, possuo uma função que ela tem que ser executada dentro do userEffect uma vez, porém o userEffect sempre executa duas vezes e eu não sei o motivo,...
-1
votos
0
respostas
14
visitas
Como alterar dinamicamente o border radius de uma div com react? [fechada]
estou criando um visualizador de border-radius dinamico com react porem eu nao consigo alterar o dinamicamente o border-radius da div
essa a funçao responsavel
const [div, setdiv] = useState(document....
0
votos
0
respostas
10
visitas
Trazer a resposta de um dropdown(extraido de uma API) para um select em outra pagina [fechada]
Estou travado, já tentei com puxando com query, usando rotas, sem conseguir passar disso há dias, se alguém puder me ajudar...
tecnologias usadas TS, React
-1
votos
1
resposta
40
visitas
Filtrar valores booleanos
Estou tentando filtrar valores de um array onde tenho um obj de índice 0 que possui a chave cimentado, de valor true e um outro obj 1 com a chave cimentado de valor false.
Porém, haverá casos onde ...
0
votos
0
respostas
11
visitas
Como passo uma imagem (.png) do cliente para o servidor e subo para o Firebase [fechada]
Como faço para pegar uma imagem dos arquivos <input type="file" accept=".png"/> usando ReactJS, enviar para o servidor NodeJS e depois fazer o upload para o Firebase.
O mais ...
-1
votos
0
respostas
15
visitas
Como Manter um botão pressionado! [fechada]
Assim está o arquivo index.js:
import React from 'react';
import { useHistory } from 'react-router-dom';
import Header from '../Header';
import Separetor from 'components/newLogshare/Separetor';
...
0
votos
0
respostas
14
visitas
Como faço para fazer o deploy de todas as rotas utilizando vite? [fechada]
Olá, estou desenvolvendo um front-end para uma aplicação de esportes e não consigo fazer o deploy utilizando o vite, a única tela compilada é a inicial, ignorando qualquer outra rota
Só a tela ...
0
votos
1
resposta
281
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
17
visitas
como passar uma requisição como parametro [fechada]
Estou estudando backend e requisições com axios e eu nao consigo resolver esse problema. A requisição é feita com sucesso e consigo enviar os dados do form.
export default function Login(){
const ...
0
votos
1
resposta
313
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 ...
1
voto
2
respostas
1mil
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 ...
1
voto
1
resposta
871
visitas
Responsividade usando React e Bootstrap
Estou com um problema que já venho tentando solucionar a um bom tempo, e não consigo, que é deixar o layout do site pegando a pagina toda, ele fica desse jeito. https://ibb.co/cHEeS7 (print de como ...
2
votos
1
resposta
1mil
visitas
Digitar link na URL não carrega a página
estou com um problema estranho. Estou fazendo a navegação de uma SPA usando react router v4, está funcionando se vc inicia a navegação do root, porém se vc digitar o endereço direto na URL ele da um ...
-1
votos
0
respostas
37
visitas
Como limitar u input type=number para aceitar somente 3 dígitos? com React js [fechada]
Hoje meu campo aceita uma quantidade ilimitada de dígitos, e gostaria de deixar somente 3
-3
votos
0
respostas
10
visitas
pagina em React-native não atualiza automaticamente [fechada]
Estou realizando uma aplicação em React-native que simula um aplicative de um restaurante. quando eu clico no produto, as informações são enviadas para o carrinho, porem, quando escolho um segundo ...
0
votos
0
respostas
21
visitas
Página de verificação de email não retorna qualquer valor em Reactjs [fechada]
Boa tarde caros colaboradores , estou a testar um sistema de verificação de emails e depois de fazer o login era suposto aparecer a tal página a pedir a confirmação por email e caso não tenha enviado ...
-1
votos
0
respostas
14
visitas
How iconvert SVG File, in SVG string [fechada]
On the moment i'am need create a function for convert SVG file inserted on input value, in SVG String.
I already developed a function for converted SVG string, but now I need the reverse situation.
My ...
-2
votos
0
respostas
8
visitas
como adicionar autenticamente um marker do mapview react native
como posso manipular markes do mapa para adicionar um marker automaticamente se houver uma localização no meu banco de dados estou fazendo um aplicativo e quero que os usuários apareçam no mapa ...
0
votos
0
respostas
14
visitas
Alguem pode me ajudar a entender o por que de meu "this.setState" não estar funcionando? [fechada]
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
num: 0
};
}
add() {
//aqui que acontece o erro quando chamo a função ao clicar no ...
-1
votos
1
resposta
21
visitas
Como fazer validação de url da rota dinâmica usando useEffect no Next
Criei uma rota dinâmica mas preciso que aceite somente número, pois se trata de um id único do cliente. Exemplo: www.cadastro.com.br/cliente/123456
Se for digitado um valor diferente de número na url, ...
1
voto
1
resposta
374
visitas
React Native fazer uma requisicao na api através da resposta do navigation
Main.js
import React, { Component } from 'react';
import api from '../service/api';
import { View, Text, FlatList, TouchableOpacity, StyleSheet } from 'react-native';
export default class Main ...
2
votos
1
resposta
665
visitas
Argument of type 'IAulasAdicionais[]' is not assignable to parameter of type 'string'
Opa, estou com este problema no meu codigo o qual não estou conseguindo solucionar, segue abaixo o meu codigo espero que possam me ajudar!!!
Dados mocados:
"AulasAdicionais": [
{
&...
0
votos
0
respostas
13
visitas
always this error->Error [WrongArgumentError]: you have to pass an instance of AdminBro to the buildRouter() function
I'm trying to run an admin in my terminal and
it's giving this error here
Error [WrongArgumentError]: you have to pass an instance of AdminBro to the buildRouter() function
someone give me strength ...
0
votos
1
resposta
19
visitas
Esconder ou mostrar um elemento html com ReactJs
td bem? sou iniciante em React e agora estou tentando fazer um projeto para me testar de uma loja online, atualmente estou trabalhando na navbar. eu quero que quando o usuário clique no botão, os ...
-1
votos
2
respostas
32
visitas
Não consigo mudar o value de uma opção depois de clicada do componente mui autocomplete
Olá.. tenho um campo de autocomplete, é um componente da biblioteca mui.com, as options trazem nome e cpf de um cliente. A ideia de fazer esse autocomplete assim, é que como pode existir dois clientes ...
-3
votos
0
respostas
15
visitas
Erro na execução create-react-app. ERRO SPAWN UNKNOWN
Estou tendo problemas ao tentar criar uma aplicação usando o comando create-react-app e não estou conseguindo resolver de forma alguma.
Aparece isso:
Creating a new React app in C:\Users\JV\Desktop\...
0
votos
0
respostas
7
visitas
React - Images not loading on localhost, but working in the deployed version
I created a project in React, and everything was working normally. So, I decided to deploy it using GitHub Pages.
Everything went well, and the live site is working normally on the page generated by ...
0
votos
1
resposta
16
visitas
Mostrar um link da base de Dados em React.js
Bom dia caros colaboradores, o meu problema é o seguinte: Ao criar um campo na firebase que contêm um link e ao pedir no código que o chame , o React entende que o campo pretendido é um text invés de ...
-2
votos
0
respostas
18
visitas
Criar o botão que colocar localização no Google Maps React JS
Olá Pessoal tudo bem com vocês?
Pessoal estou criando um app parecido com o uber em React Js, neste momento eu estou com muita duvida em criar um botão que coloca a localização com a API do gogle maps....
-2
votos
0
respostas
25
visitas
Como adicionar uma nova propriedade a um useState de objeto? React
Estou recebendo o seguinte erro: Cannot add property backgroundColor, object is not extensible
O que estou tentando fazer é adicionar a um objeto, propriedades dinamicamente.
Codigo:
// Criar um ...
2
votos
0
respostas
76
visitas
Melhor forma de listar documentos pdf buscando pelo conteúdo. Armazenar o conteúdo do documento no banco de dados ou de forma externa?
Problema: Estou migrando uma aplicação de Consulta de Publicações da instituição construída em PHP para NodeJs + React
A aplicação deve ter as seguintes funcionalidade:
Receber do usuário os termos a ...
-1
votos
0
respostas
8
visitas
npm start não funfa (estou pelo Git Bash)
cd introduction-react/
Chama@notName MINGW64 /c/workspace/introduction-react
$ cd jsx/
Chama@notName MINGW64 /c/workspace/introduction-react/jsx
$ npm start
npm ERR! code ENOENT
npm ERR! syscall open
...
-1
votos
0
respostas
10
visitas
Teclado sobrepondo View
Olá, estou desenvolvendo uma pequena aplicação em react-native e ao selecionar o campo de texto o teclado acaba ficando por cima de todo o formulário, segue código do componente em questão:
import ...
-1
votos
0
respostas
20
visitas
Como utilizar Forwarding Refs com react-router-dom
Já entendi o conceito de Forwarding Refs e react-router-dom. Mas nesta implementação, não tenho certeza de como usá-lo corretamente. Eu tenho um componente filho, onde existe uma função que define ...
0
votos
1
resposta
33
visitas
Arredondar número a partir da segunda casa decimal
Estou tentando fazer um cálculo de um número que recebo através de uma API e aplicar as regras de arredondamento que irá ser de acordo com a segunda casa decimal do número obtido.
Porém, ao receber o ...
-2
votos
0
respostas
7
visitas
Acesso a props de estado redux toolkit
Oi nao estou conseguindo renderizar os dados do estado redux.
Esse é o codigo. Please helpppp. (No console o data chega, mas nao consigo renderizar. nem com object.keys(product) consegui)
const ...
-1
votos
0
respostas
35
visitas
Como criar um ponto na tela a cada clique?
Consegui pegar os dados de latitude e longitude no mapa com o clique do usuário, mas gostaria de saber se há alguma forma de mostrar pontos nesses lugares. Ou também uma forma de usar os próprios ...
0
votos
1
resposta
302
visitas
Como criar validação em campos diferentes no formulário ReactJS?
Como faço a validação do formulário criado com ReactJS de acordo com o que usuário informa nos campos?
Exemplo:
<form>
<label for="tipo_requisicao">Escolha uma opção:</label&...
-1
votos
0
respostas
10
visitas
Quando clico no botão pra submeter ele não pega os valores do form seta vazio como resolver?
import React, { useState } from 'react'
import { Link } from "react-router-dom"
import { useForm } from 'react-hook-form';
import Connect from '../../Connect'
const Register = () => {
...
-2
votos
1
resposta
30
visitas
Não consigo rodar meu projeto em react native no meu celular
Estou criando uma aplicação em react native, que é um projeto de uma pokedex, que recebe informações da API do pokemon e mostra na tela as informações. Não estou conseguindo usar o meu celular para ...
0
votos
0
respostas
18
visitas
Problema com Eslint no React
Estou recebendo o seguinte aviso de erro:
Plugin "@typescript-eslint" was conflicted between ".eslintrc.json"
and "....\package.json » eslint-config-react-app#overrides[0]&...
-2
votos
0
respostas
26
visitas
Autenticação com JWT e envio do cookie para o backend [fechada]
crei uma aplicacao backend em node js e o front em react js, quando eu logo ele gera um token, que e enviado para o front e nele eu coloco nos cookies ate ai ok. O problema é que eu tenho uma funcao ...