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

Filtrar por
Ordenado por
Com tags
4 votos
1 resposta
4mil visitas

Como criar MASK com JS puro no React

Estou transformando um site HTML, CSS e jQuery em React porém vi que o uso do jQuery é defasado no React já que é possível criar alguns componentes de forma mais rápida e simples, minha dúvida é como ...
Mike Otharan's user avatar
4 votos
3 respostas
9mil visitas

Restrições no campo texto React

É possível que um campo texto receba somente os caracteres abaixo? numeros | espaço | barra (/) | traço (-) O campo tipo number não me ajuda nesse caso, seria legal usar o tipo texto nesse caso?
Guilherme Lima's user avatar
4 votos
1 resposta
216 visitas

Alternando estados de uma aplicação js

INTRODUÇÃO Estou desenvolvendo um app usando Electron e o google maps, preciso controlar o estado de uma das janelas, por exemplo: o usuário clica no botão e apartir deste momento todo clique dele ...
Joao Scheuermann's user avatar
4 votos
2 respostas
647 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 ...
Luiz Felipe's user avatar
  • 36,3mil
4 votos
1 resposta
2mil visitas

Ajustes no CSS do React.JS

Estou desenvolvendo um sistema simples no react e estou com dificuldades na parte visual, por exemplo para o mobile: Preciso deixar meu sistema dessa forma: Está dessa forma: O sistema da web ...
Henrique Hermes's user avatar
4 votos
1 resposta
113 visitas

Search engine optimization em Meta Tags (Custom Elements)

Como funciona a indexação de meta tags criada em frameworks como vue.js e outros que usam dessa funcionalidade ? Os robôs do Google analisam o que o browser interpreta ou o source code da pagina ?
Furabio's user avatar
  • 739
4 votos
2 respostas
91 visitas

“Child already has a parent, it must be removed first” ao enviar novo objeto para reducer

Possuo uma tabela onde desejo ordenar seus dados. A tabela é copulada através dos valores deste useSelector() const users = useSelector(state => state.userStates.users) Quando o usuário clica em ...
veroneseComS's user avatar
  • 2.815
3 votos
1 resposta
2mil visitas

Como colocar objetos em array vazio com React Hooks

Tenho o seguinte conjunto de dados: const dados = [5, 10, 15, 20, 25, 50, 90]; const colors = [ "#52DF9A", "#FFCE1C", "#3570BD", "#3570BD", "#...
Rindi's user avatar
  • 73
3 votos
2 respostas
42mil visitas

Como redirecionar para uma rota usando onClick e React Router

Tenho uma tela (em React.js) chamada Cadastro.js. Nela eu tenho um formulário e o botão cadastrar Ao clicar nesse botão, queria que direcionasse para a tela de login, que é a Login.js. Como faço ...
Verônica Emschermann's user avatar
3 votos
2 respostas
572 visitas

Problema com React e Redux

Olá... estou estudando o React e agora com Redux. Estou tentando fazer um simples exemplo: Onde tenho um input e button, quero digitar um valor no input e ao clicar no botão pegar o valor e somar 1. ...
Alex Passos's user avatar
3 votos
2 respostas
358 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 ...
João Lucas Mota's user avatar
3 votos
1 resposta
5mil visitas

React Input Mask como colocar o nono dígito?

Baixei o pacote npm i react-text-mask --save fiz o import em meu arquivo Contact porém por padrão ele sai assim (55) 5555-5555 estou com dificuldades em colocar este padrão (55) 5 5555-5555 Alguém ...
Mike Otharan's user avatar
3 votos
1 resposta
292 visitas

Por que a minha rota no React fica com /#/?

Criei uma estrutura de rotas com HashRouter no React e funciona tudo certo, porém a minha rota sempre http://localhost:3000/#/ + a rota. return ( <div> <HashRouter> <...
Tiago_Albuquerque's user avatar
3 votos
1 resposta
5mil visitas

React fetch() POST

Tenho uma API (POST) na qual eu passo alguns parâmetro e ela me retorna resultados e a questão é a seguinte: Tenho um tipo dashboard onde tenho q pegar dados do DIA e dados do MES (usando a mesma ...
Alexandre Prezzi's user avatar
3 votos
1 resposta
709 visitas

Qual a diferença entre usar uma div e React.Fragment?

Estou estudando React mais a fundo e em um dos cursos que estou acompanhando é citado o uso do <React.Fragment> para renderizar vários elementos de uma vez. Normalmente nos meus componentes eu ...
veroneseComS's user avatar
  • 2.815
3 votos
1 resposta
1mil visitas

Como fazer validação de um array se ele possui objetos dentro dele ou não? React JS

Tenho um código feito usando React JS e funciona assim, tenho um componente select, e este é reutilizado várias vezes e as informações que ele recebe sempre vem de um array, só que agora preciso ...
Anderson da Silva Cavalcante's user avatar
3 votos
1 resposta
97 visitas

Criar uma <div> dentro de um .catch no axios

Olá, atualmente estou desenvolvendo em React e estou tentando colocar uma div dentro do .catch. Atualmente estou utilizando o seguinte código: componentDidMount() { axios.get(API_ListaEmpresa) ....
Gabriel's user avatar
  • 63
3 votos
1 resposta
607 visitas

Separar JSX do componente - React Native

Existe alguma forma de, no React Native, colocar todo o JSX em um arquivo separado sem ter risco de diminuir a performance do App? Tipo o Angular que tem um arquivo para o HTML, outro para o CSS e ...
Bruno Eduardo's user avatar
3 votos
1 resposta
3mil visitas

Requisição HTTP React Native

uma API envia um status:false o código pega status. Enquanto status==false, será renderizado a imagem de exclamation.png e mensagem 'Pedido em Análise'. Caso status mude para true ambos valores de ...
Jefter Rocha's user avatar
3 votos
2 respostas
519 visitas

Atualizar chave em state quando outra chave for atualizada

A ideia principal baseia-se em um carrinho de compras, quando um produto é adicionado ao carrinho (chave products) a chave orderTotal é atualizada. Dentro da chave products possuo um object com ...
RFL's user avatar
  • 6.333
3 votos
1 resposta
2mil visitas

Como utilizar setTimeout para mostrar um componente apenas após determinado tempo com React?

Quero que determinado componente só apareça na tela depois de 1 segundo. Tem como fazer isso usando bloco JSX? Quando coloco o código abaixo, aparece um número na tela ao invés da mensagem. function ...
Emanuel Pereira's user avatar
3 votos
1 resposta
104 visitas

PropTypes sempre dá erro não importa se o valor está correto

Estou usando o React (16.11.0) com PropTypes (15.7.2) e Hooks. E eu tenho um componente que recebe um objeto com alguns dados do banco de dados. Testando os dados usando o console.log: { console.log(...
Gustavo Eklund's user avatar
3 votos
1 resposta
242 visitas

Qual é a diferença entre declarações de função (React)?

Estou aprendendo react e me deparei com esse exemplo (Que funciona normalmente): import React, { Component } from 'react' import './Teste.css'; class Teste extends Component { constructor(props) {...
Vinicius Morais's user avatar
3 votos
1 resposta
5mil visitas

axios basic auth - como passar usuario e senha para a api?

Estava vendo a documentação do axios e vi que para passar o usuário e senha é necessario usar: auth: { username: 'janedoe', password: 's00pers3cret' }, Apliquei o mesmo no meu código reactjs: ...
Gabriel Souza's user avatar
3 votos
1 resposta
2mil visitas

Como alterar estado de objetos complexos no React?

tenho o seguinte objeto: obj = { title: "obj1", tab: [{ title: "titulo da tab 1", card: [{ title: "card1", url: "url", image: "image" }, { ...
Julio Henrique's user avatar
3 votos
1 resposta
3mil visitas

Como pego uma simples mudança de estado de um chekbox no react?

Sim, novato no React/TypeScript. Antes que alguém diga pra ir estudar o material, gostaria de dizer que olhei diferentes abordagens a respeito, com diferentes pontos de vista, mas nenhuma me ...
Marcs's user avatar
  • 43
3 votos
1 resposta
140 visitas

Qual a diferença entre utilizar uma ou duas Arrow Functions no UseEffect?

Nesta resposta do SOen, utiliza-se um useEffect com duas arrow functions seguidas. Assim: useEffect(() => () => { window.removeEventListener('resize', compareSize); }, []); Gostaria de saber ...
Giuseppe Fantoni's user avatar
3 votos
2 respostas
507 visitas

React Switch Route Default

Estou criando uma app em NodeJs, React & Redux aqui na empresa. E tenho uma página que é a Content, nela tenho duas barras de navegação e uma área comum para o conteúdo. Nesta área comum estou ...
user avatar
3 votos
1 resposta
746 visitas

Utilização de rotas no frontend ou backend

Em relação ao roteamento, é mais adequado o roteamento ficar no front e o mesmo fazer requisições para o servidor através de AJAX, ou o roteamento ficar no back e o mesmo renderizar as views do front?
Showtime's user avatar
3 votos
1 resposta
216 visitas

Formulário com lista em react

estou no meu primeiro projeto com react, e estou totalmente perdido com um submit. Meu form deve submeter os dados de cliente, e, dentro desse mesmo form eu posso ter dois endereços. Como ambos os ...
Paulo Honório's user avatar
3 votos
2 respostas
7mil visitas

Pegar Resposta de uma API que retorna erro 500

Seguinte, tenho uma API que retorna erro 500 toda vez que infringe a regra de negócio me retornando um status e uma mensagem. Sabemos que não é uma boa prática retornar status 500 nessas ...
user70256's user avatar
3 votos
1 resposta
854 visitas

Evento "onClick()" executando sozinho

Essa função está dentro de um map e dentro do mesmo, executo {Idchecker} O item.id é um valor que vem no Array, eu preciso deste id para deletar a publicação que o usuário criou, então pego idValue ...
Gabriel Oliveira Menezes's user avatar
3 votos
1 resposta
284 visitas

Evitar renderizações desnecessárias no React Native com vários TextInput

A questão é a seguinte: eu tenho basicamente um código como esse (não posso mandar o código real nesse momento, estou enviando esse "Pseudo-Código" então ignorem erros de sintaxe e ...
Ademar-SJ's user avatar
3 votos
2 respostas
814 visitas

Erro no onClick no Nextjs / React js

Na primeira tag <Link> está dando erro no onClick e não entendo o porque. Por favor me ajudem: import Link from 'next/link'; import React, { useState } from 'react'; export default function ...
Linecker Rios's user avatar
3 votos
2 respostas
168 visitas

Como funciona o gerenciamento de dependências/bibliotecas do React?

Olá, galera Como funciona o gerenciamento de dependências/bibliotecas do React? Tem alguma página na documentação que fala sobre? Importar uma biblioteca que possui, em sua maioria, coisas que não ...
Joaldino Neto's user avatar
3 votos
1 resposta
758 visitas

Como fazer post em Xml em Reacjs

estou iniciando minha caminhada em Reactjs, e estou passando por um problema a alguns dias, que é fazer uma autenticação de login em um api externa na minha aplicação, para dar acesso ao usuário ao ...
Helder Grunewald's user avatar
3 votos
1 resposta
738 visitas

Erro ao tentar acessar uma propriedade de um objeto em um componente React

estou com um problema para acessar informações de um array que tem um objeto dentro, usando React. Essa é a função que trás meu json e altera o estado da aplicação, ele cria um times.nome, times....
Rodolpho's user avatar
3 votos
2 respostas
1mil visitas

Problema no acesso à API Json com React

Estou tentando acessar a seguinte variável no Json de uma API: page[0].infoBloco[0].tabela[0].dados[0].fonte.nome Estou recebendo o erro: TypeError: this.state.page[0] is undefined[Learn More] ...
Junior's user avatar
  • 33
3 votos
1 resposta
1mil visitas

Adicionar barra de rolagem a uma Box

Estou com duvida no meu codigo, nele irei adicionar um campo de chat, e nesse chat o box deve ter um tamanho maximo, e se no caso ao adicionar as mensagens ultrapassar esse valor, o mesmo deverá criar ...
Henrique Hermes's user avatar
3 votos
1 resposta
965 visitas

Como passar um objeto JSON para outra função?

Na função 'componentDidMount' do REACT eu pego o json de um link em questão, porém no 'render' eu não consigo passar esses objetos pois o objeto está em um '.then' na primeira função. Como posso ...
Henrique Hermes's user avatar
3 votos
1 resposta
837 visitas

Como organizar meu projeto?

Estou começando a aprender react native e estou com bastante dúvidas sobre como estruturar meu projeto. Estou criando um jogo da velha, que tem a seguinte configuração: Como vocês podem ver, cada um ...
Jesley Cáceres Marcelino's user avatar
3 votos
1 resposta
100 visitas

Mudar o estado pelo "current" ou pelo próprio valor do estado? Faz alguma diferença?

Aprendi a alterar dessas duas formas: const [switch, setSwitch] = useState(false); setSwitch(!switch); // 1 setSwitch(currentState => !currentState); // 2 Há alguma ...
mateusdegobi's user avatar
3 votos
0 respostas
187 visitas

Quais cuidados devo tomar para criar uma página de checkout? [fechada]

Olá! Estou desenvolvendo um e-commerce em ReactJs e fazendo a integração com o PagSeguro e, apesar de ser possível usar a página de checkout deles, gostaria de criar a minha e só enviar os dados (...
buenojc's user avatar
  • 57
3 votos
2 respostas
732 visitas

Qual a diferença entre usar forwardRef ou outra prop para passar a referência?

A documentação diz que o encaminhamento de referência é uma técnica para passar a ref de um componente pai para um filho, e dá exemplos com React.forwardRef. Mas qual a diferença entre encaminhar ...
Rafael Tavares's user avatar
3 votos
0 respostas
395 visitas

Problemas com formData em upload múltiplo Express e Multer

Estou com problemas para realizar upload de multiplas imagens para o backend. O método no backend está correto, quando testo via insominia da certo, porem do meu front não gera os dados corretamente. ...
Victor Guedes's user avatar
3 votos
0 respostas
50 visitas

Symfony/React Resolver Problemas com Babel

Sou novo com Symfony/React e logo me deparo com o seguinte problem... Não consigo executar os mesmos comandos aos quais encontro em alguns tutoriais (Destinados ao React) na Web, pelo que entendi o "...
Elvis Moraes's user avatar
3 votos
1 resposta
449 visitas

Armazenamentos de access token (token JWT)

Estou enfrentando a necessidade de armazenar o access token de um usuário que efetuou login através de um método com OAuth2, esse token JWT será utilizado para minha aplicação de frontend, escrita em ...
Samuel Fontebasso's user avatar
3 votos
3 respostas
1mil visitas

Webpack não atualizando bundle.js

Sou novo nessa coisa de React e Webpack, e estou estudando bastante, mas cheguei num problema que não estou encontrando um modo de resolver. const webpack = require('webpack') module.exports = { ...
Guilherme Leonardo Utzig's user avatar
3 votos
1 resposta
432 visitas

FormattedNumber do intl-react trocar ponto por vírgula

Olá pessoal no meu código está da seguinte forma const currencyFormatter = (value: string | number | ReactText[]) => { return ( <FormattedNumber value={Number(value)} ...
Angelo Reis's user avatar
3 votos
3 respostas
9mil visitas

Problema auto indentação ao salvar no VSCode [fechada]

to com um problema na auto indentação do VSCode, já tentei desativar mesmo assim permanece o problema. Ao salvar um arquivo o VSCode muda automaticamente a indentação, segue a imagem de antes de ...
Meydson Baracho's user avatar