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
5 votos
1 resposta
2mil visitas

State retornando valor errado / atrasado

A aplicação: ao clicar em algum botão, um evento onClick é disparado e um fetch à uma API que retorna dados em JSON é realizada. Logo após esses dados serem transformados em um objeto, a aplicação ...
Ricardo Passos's user avatar
6 votos
1 resposta
4mil visitas

Para que serve e como definir a prop "key" no React?

Ao renderizar uma lista dinâmica no React ou React Native, recebo o seguinte aviso: Warning: Each child in a list should have a unique "key" prop. Apesar disso, as coisas parecem funcionar ...
Rafael Tavares's user avatar
2 votos
1 resposta
98 visitas

Duvida sobre padrão classe React

Estou começando o meus primeiros passos com o React, gostaria de saber por que não está sendo criado a class no react, quando executo o comando npx create-react-app cria a estrutura abaixo. import ...
Bruno Lima's user avatar
1 voto
2 respostas
1mil visitas

Como renderizar um conteúdo assíncrono no React Native?

Sou novo no React Native e estou desenvolvendo uma aplicação teste, onde eu estou precisando guardar alguns dados no dispositivo usando o Async Storage. Consegui guardar os dados corretamente, porém ...
lima23's user avatar
  • 25
8 votos
2 respostas
3mil visitas

Por quê é necessário usar bind quando se trabalha com ES6 e ReactJS?

Utilizando ES5 no desenvolvimento com ReactJS, um componente pode ser declarado da seguinte forma: var MyComponent = React.createClass({ alertSomething: function(event) { alert(event.target); ...
Pedro Vinícius'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
0 votos
1 resposta
1mil visitas

Por que o fetch está retornando uma promise e não os dados? [duplicada]

Pessoal estou fazendo um fetch para pegar os dados de um JSON, porém a variável está ficando com o valor da promisse e não dos dados retornados. var data = fetch('./data/data.json') .then((...
Ilenon's user avatar
  • 129
18 votos
3 respostas
3mil visitas

O que são React Hooks?

Gostaria de entender o conceito e se possível com exemplos dessa nova feature do React. O que vai alterar na forma que se cria projetos com React? A comunidade parece ter gostado, quais os motivos?
Danilo Cândido's user avatar
11 votos
4 respostas
3mil visitas

React afeta o SEO?

Como o HTML é gerado via JavaScript e até que a página seja carregada não há nela HTML útil, o SEO pode ser afetado se eu fizer uma aplicação web 100% em React – uma chamada single page application? ...
Luiz Felipe's user avatar
  • 36,3mil
8 votos
3 respostas
10mil visitas

Qual é a diferença entre os hooks useMemo e useCallback do React?

Sei que useMemo e useCallback são dois novos hooks do React. No entanto, ainda não entendi muito bem a diferença entre elas. Qual a diferença entre "retornar um valor memoizado" e "...
Luiz Felipe's user avatar
  • 36,3mil
7 votos
4 respostas
56mil visitas

Requisição com Axios e React bloqueada por política CORS

Estou tentando fazer a requisição para uma API, usando Axios: axios.post('http://api.teste.com.br/v1/getToken', { withCredentials: true, auth: { username: 'usuario', ...
Danilo Molina's user avatar
7 votos
2 respostas
4mil visitas

React, por que utilizar props no constructor?

Por que eu devo usar props dentro do constructor e do props? constructor(props){super(props)} Por que usar props no constructor? Por que usar props no super? Por que usar super?
user avatar
5 votos
2 respostas
40mil visitas

REACT-JS - Warning: Each child in a list should have a unique "key" prop

Problema em renderizar meu state sempre da o erro: Warning: Each child in a list should have a unique "key" prop. Check the render method of Main. See https://fb.me/react-warning-keys for ...
Joao Paulo Gardiano's user avatar
5 votos
3 respostas
3mil visitas

O que faz o meu componente ser renderizado novamente no React?

Muito comumente vejo falarem que um componente do React será re-renderizado por causa de uma prop, estado, valor de contexto alterado, etc. Quais são os fatores que de fato influem na re-renderização ...
Luiz Felipe's user avatar
  • 36,3mil
2 votos
3 respostas
3mil visitas

Compartilhar state react hooks

estou tendo dificuldade em compartilhar estados entre componentes utilizando o react hooks. Alguém pode me dar um help? import React, { useState } from 'react' import Nav from './Nav' export default ...
Claybson Bastos's user avatar
2 votos
2 respostas
10mil visitas

Como pegar o valor do select

Como faço para pegar o valor do select, dei um onChange, mas o valor não está sendo retornado como esperado. <select className="form-control" value={area} onChange={e => setAddArea(e....
Pedro Henrique's user avatar
1 voto
2 respostas
206 visitas

Melhor pattern para gerenciar estado de componentes React com Hooks

Olá, pessoal Estou iniciando com ReactJs Alguém poderia tirar uma dúvida, por favor? Eu fui apresentado às duas maneiras de criar componentes (de classes e de funções), e optei por usar SEMPRE ...
Edi Junior's user avatar
1 voto
1 resposta
438 visitas

onClick por InnerHTML React?

Estou tentando criar uma img com o Evento de onClick no React mas está imprimindo o código dessa forma na Web. Meu codigo inner está assim: coluna4.innerHTML = `<img onClick={() => this....
Gustavo Henrique's user avatar
1 voto
1 resposta
2mil visitas

useEffect não atualizando estados na primeira iteração

Estou utilizando o useEffect para fazer um get dos dados de uma tabela. O problema é que mesmo recebendo os dados da api os estados não são atualizados na primeira iteração fazendo com que eu tenha ...
Bruno Santa Cruz's user avatar
1 voto
1 resposta
1mil visitas

Como usar componentDidMount, componentWillUnmount e declarar o estado inicial em componentes funcionais?

Estou tentando fazer uma conversão de componente de classe para componente funcional. O código que tenho é: constructor(props) { super(props); this.state = SelectionToolbarStore.getState(); ...
Pedro Barros's user avatar
1 voto
1 resposta
77 visitas

Não consigo utilizar o defaultProps em React

Sou iniciante no React, e estou tentando definir um valor padrão para um prop caso não seja passada, porém não esta funcionando. Title.js import React, { Component } from 'react'; export default ...
Janio Carvalho's user avatar
0 votos
1 resposta
1mil visitas

Exibindo dados com React JS

Bom dia pessoal, estou tentando exibir na tela uma mensagem digitada pelo usuário, algo bem simples porem como sou novo no React não tenho muito noçao de como fazer isso. Bom, o código abaixo foi até ...
Pedro's user avatar
  • 307
0 votos
0 respostas
477 visitas

Como saber quando acontece a atualização do DOM virtual e do DOM real?

Estou desenvolvendo um projeto em React e reparei que usar múltiplos setState() seguidos causava o render do meu componente novamente, por exemplo: function MeuComponente() { console.log("...
Rafael Tavares's user avatar
0 votos
1 resposta
1mil visitas

Contador não atualiza dados na pagina usando ReactJS e useState(), somente quando coloco um console.log() que consigo ver o resultado

estou fazendo um curso de ReactJs, e estou tentando seguir todos os exemplos de código, porém meu código esta igual ao do instrutor e mesmo assim meu não esta funcionando igual o dele. Toda vez que ...
CARLOS DANIEL's user avatar
0 votos
1 resposta
812 visitas

Ordenar minha flatList pela hora

Estou filtrando minha flatlist pela data (period), mas quero colocar as horas em ordem crescente: <FlatList style={{backgroundColor: 'white', marginTop: 10}} data={...
Ruan Duarte's user avatar
0 votos
2 respostas
5mil visitas

Pegar state do componente filho no react

Como faço para pegar um state de um componente filho? No meu exemplo eu tenho o Shell.js que é o componente pai: class Shell extends Component { render() { return ( <div> ...
Lucas Fieri's user avatar
-1 votos
1 resposta
175 visitas

Problema na lógica - React não calcula [fechada]

Estou começando com React agora, e tive um exercício pra fazer, o exercício consiste em "sacar" múltiplos de 5 de um caixa eletrônico, porém esqueci de alguma coisa no código, pois quando eu ...
Fih Capua's user avatar
9 votos
2 respostas
625 visitas

Web Components - Qual a diferença entre Polymer e ReactJS?

Com avanço da web, agora temos também os web componentes. Google criou e mantém um framework com nome de Polymer, apesar de não ter muita compatibilidade com vários navegadores. Na outra ponta temos ...
Rod's user avatar
  • 9.582
5 votos
2 respostas
546 visitas

Os "Class Components" morreram no React?

Antes da atualização 16.8 do React não era possível que componentes funcionais tivessem estado interno, então os Hooks chegaram para resolver este problema, dessa maneira, os componentes funcionais se ...
Gabriel Ribeiro'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
2 votos
1 resposta
2mil visitas

SetState com onChange, ReactJs

eu trouxe um probleminha que estou passando em uma aplicação que estou fazendo no React, irei replicar logo aqui abaixo. STATE DECLARADO NO COMPONENTE this.state = { estadoCivil: ''}; JS onChange ...
David Drums's user avatar
2 votos
1 resposta
7mil visitas

Problema ao tipar primeiro parametro do setState do React

Olá, sou meio novo no mundo do typescript e está acontecendo algo que não consigo explicar o porquê. Tenho o seguinte state: const [estaExecutando, mudarExecucao] = useState(false); Passo para o meu ...
Ban's user avatar
  • 135
2 votos
1 resposta
686 visitas

Passar estado entre componentes sem hierarquia

Estou fazendo um app todo list, e gostaria que ao clicar no botão edit o conteúdo aparecesse no campo onde adiciono meu novo item. Mas a ação do botão e o estado são componentes irmãos. AddTodo (como ...
Beatriz Cibele's user avatar
2 votos
1 resposta
1mil visitas

Como otimizar a renderização em componentes funcionais no React?

Em meus estudos sobre o React Native estou esbarrando na otimização de renderização nos componentes, especificamente em componentes funcionais. É sabido que a qualquer alteração do estado ou das props,...
Bruno Nobre's user avatar
1 voto
1 resposta
3mil visitas

Pegar Coordenadas de Geolocalização (Reactjs)

Olá, estou desenvolvendo uma simples aplicação que pega as coordenadas geográficas do google maps api. Está funcionando, porém não estou conseguindo pegar os valores que estão na outra função. Na ...
Wesley Heron's user avatar
1 voto
1 resposta
2mil visitas

Problema em chamada de api no React JS

Eu criei uma webapi em ASP.NET Core, e preciso consumi-la usando o React, a Web api funciona normalmente, se eu usar o curl ou Postman entre outros, ela funciona normalmente. O problema começa quando ...
Anderson Henrique's user avatar
1 voto
2 respostas
244 visitas

Como adicionar um array dentro de um array?

Estou criando uma aplicação em ReactJS que bate na API do GitHub e traz o user e os repositórios. Mas eu queria trazer também os commits de cada repositório e não estou conseguindo. Meu código é ...
Leandro Ribeiro's user avatar
1 voto
1 resposta
480 visitas

Como manter o setState usando o Router no React?

Estou iniciando meus estudos com React a precisava de uma ajuda: eu tenho uma aplicação que mostra uma lista de "soluções". Nela também tem um botão que vai para uma página nova (que eu programei via ...
Bianca Pereira's user avatar
1 voto
1 resposta
852 visitas

Por que React não aceita camelCase para nomear componentes?

Estava preparando uma componente cuja única função era exportar uma tag <p> contendo um texto. Naturalmente criei uma função que exportava o texto: import React from 'react'; function ...
yoyo's user avatar
  • 774
1 voto
1 resposta
8mil visitas

Não consigo criar um projeto com create-react-app

Não consigo mais criar aplicativos com o create-react-app, já criei alguns projetos usando o create-react-app, porém agora parou de funcionar. Executo o seguinte comando para criar uma aplicação: &...
Victor Goulart's user avatar
1 voto
1 resposta
591 visitas

Como usar o generics com as props de um componente?

Estou tentando criar um componente que ele vai aceitar um tipo genérico dentro das props. Estou tentando fazer da seguinte forma: interface Props<T> { items: T[]; } const componente: React....
Felipe Avelar's user avatar
1 voto
1 resposta
583 visitas

Chamar método da classe dentro de uma promise retorna: Uncaught (in promise) TypeError: _this3.updateShelvesState is not a function

Boa Tarde! Criei um método chamado updateShelvesState que é chamado antes do componente ser renderizado, e ao onChange de um outro componente chamado Book. Esse método pega um array e cria um novo ...
Aline Vianna's user avatar
1 voto
1 resposta
84 visitas

Sequencia de imagens e depois reset?

Estou a desenvolver um algoritmo para fazer uma imagem de fundo alterar sequencialmente e no fim voltar ao inicio, mas por algum motivo quando a sequencia acaba a pagina fica toda branca, sem qualquer ...
Tomás's user avatar
  • 23
1 voto
1 resposta
2mil visitas

Condição IF-Else ReactJS Json

No codigo desenvolvido em ReacJS abaixo, ele retorna de um campo contendo uma chave "displayPortraitLeft" com valores que variam de true para false, e dependendo do valor (true/false) obtido, ...
Henrique Hermes's user avatar
1 voto
3 respostas
4mil visitas

Como adicionar HTML com evento onClick no React

Pode parecer uma pergunta repetida, mas os exemplos que achei estão complicados e precisam de um array pré definido, eu não possuo isso, gostaria de saber qual a forma mais simples de adicionar um ...
Thiago Souza's user avatar
1 voto
1 resposta
10mil visitas

React - Como modificar um estado do componente pai a partir do filho?

Digamos que eu tenho um componente pai: import React from 'react'; import style from './style.less'; export default class Wrapper extends Component { this.state = { active: false } ...
Yago Azedias's user avatar
  • 1.307
0 votos
1 resposta
719 visitas

Passar função pra outro componente - ReactJS

Tenho uma função que muda um estado, só que preciso receber essa função em outro componente e aplicar no botão que vai executar a função. Quando coloco um botão nesse mesmo componente, consigo ...
Sandro Fernandes's user avatar
0 votos
1 resposta
428 visitas

Ajuda com API/useEffect - React

Preciso fazer uma chamada a API com React e pra isso estou usando o Axios. Fazendo um teste com o código abaixo, no console eu consigo ver o resultado: const [bill, setBill] = useState([]); useEffect(...
Colasanto's user avatar
  • 440
0 votos
1 resposta
950 visitas

onChange em React não funcionando!

Essa função está dando erro dizendo que o event é null evento: handleChange(event) { this.setState(prevState => ({ equipe: { ...prevState.equipe, nome: event....
Natã Lopes's user avatar
0 votos
1 resposta
2mil visitas

React - Porque o uso de uma variável global para armazenar o this faz o react enxergar apenas a última referência?

Eu estou aprendendo reactjs e me deparei com uma situação que preciso de ajuda para entender, e por ser específico não consegui encontrar nenhuma referência sobre isso. Tenho o arquivo Input.js ...
Danillo Parreira's user avatar