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
60
perguntas
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 ...
6
votos
1
resposta
3mil
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 ...
2
votos
1
resposta
97
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 ...
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 ...
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);
...
3
votos
2
respostas
529
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 ...
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((...
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?
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?
7
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 "...
6
votos
4
respostas
53mil
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',
...
5
votos
3
respostas
2mil
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 ...
5
votos
1
resposta
38mil
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 ...
2
votos
2
respostas
9mil
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....
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 ...
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 ...
1
voto
1
resposta
72
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 ...
1
voto
2
respostas
188
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 ...
1
voto
1
resposta
711
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();
...
1
voto
1
resposta
411
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....
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>
...
0
votos
1
resposta
780
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={...
0
votos
0
respostas
454
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("...
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é ...
0
votos
1
resposta
986
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 ...
-1
votos
1
resposta
168
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 ...
10
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?
...
9
votos
2
respostas
620
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 ...
5
votos
2
respostas
465
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 ...
3
votos
1
resposta
637
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 ...
2
votos
1
resposta
603
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 ...
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 ...
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,...
2
votos
1
resposta
6mil
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 ...
1
voto
1
resposta
79
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 ...
1
voto
1
resposta
7mil
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:
&...
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 ...
1
voto
1
resposta
737
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 ...
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 ...
1
voto
1
resposta
444
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 ...
1
voto
2
respostas
220
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 é ...
1
voto
1
resposta
504
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....
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 ...
1
voto
1
resposta
517
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 ...
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, ...
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
}
...
0
votos
1
resposta
504
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 ...
0
votos
2
respostas
1mil
visitas
Ordenar array dentro de outro array com ReactJS
Pessoal montei uma tabela com os dados de um array onde terá pontos de ataque e defesa de cada player associado a uma equipe. Terá o total de pontos de ataque e defesas de cada player e um último ...
0
votos
1
resposta
884
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....
0
votos
1
resposta
976
visitas
Problemas usando React Context
Estive estudando React e desenvolvendo um app, mas tenho um problema quando tento usar context. Em um componente, eu crio o contexto e forneço seu valor, mas quando tento usar o valor atual do ...