Perguntas com a tag [react-hooks]
Hooks é um novo recurso incluído no React 16.8 que permite que os desenvolvedores usem state e outros recursos do React em um componente funcional. Use esta tag para perguntas relacionadas aos Hooks (useState, useCallback, useMemo, useEffect etc.).
175
perguntas
-2
votos
0
respostas
11
visitas
Atualizar dados do formulário com React hook form e Yup
Eu tenho um campo do formulário
<Controller
control={control}
name="name"
render={({ field: { value, onChange } }) => (
<>
<...
-2
votos
0
respostas
21
visitas
Problema com useState não estar recebendo o valor do useEffect
Código com problema
import React, { useEffect, useState } from "react";
import { Route, Redirect } from "react-router-dom";
import { useAuth } from "../context/AuthContext&...
-2
votos
1
resposta
44
visitas
Como fazer um mock de useState no React
Estou enfrentando um problema ao tentar fazer um mock de um useState que recebe notas no React, o setNotes. Estou utilizando firebase, então essas notas são uma array de docs. Assim está meu ...
0
votos
0
respostas
15
visitas
Array de favoritos só é criado a partir do segundo terceiro item criado. (React JS)
const [favoritesList, setFavoritesList] = useState([]);
Acima tenho um useState criando um array de favoritos.
const handleAddFavorites = (disheId) => {
setFavoritesList((prevState) => [......
-3
votos
1
resposta
34
visitas
eu estou tendo problemas ao iniciar o React
ao tentar iniciar o react ele diz que "package.json" não esta sendo encontrado em "C:\Users\admin\Downloads\Projeto-QUIS-main"; irei colocar imagens abaixo para ajudar a ...
0
votos
0
respostas
33
visitas
Alterar estado de objeto contendo array interno React Native
Bom dia senhores, sou novo no React native e estou com uma grande dúvida a respeito da atualização de um objeto de estado
Eu recebo o objeto em route.params , monto um estado na variavel prod :
const [...
0
votos
1
resposta
114
visitas
Captura de TextInput em React Native
Preciso realizar uma validação simples de dados escritos em dois inputs no React Native. Um login e uma senha. Os dois são passados como parâmetros para uma função que vai verificar se os dados são ...
-2
votos
1
resposta
152
visitas
Como criar uma rota Privada em React e mostrar somente se o usuário estiver autenticado através de um Token
Estou seguindo a lógica de um video que vi da rockseat. Ao executar o programa, recebo a mensagem [PrivateRoute] is not a <Route> component. All component children of <Routes> must be a &...
-1
votos
0
respostas
77
visitas
Como utilizar um único arquivo de variáveis globais utilizando CSS Modules e CSS Inline? [fechada]
Estou iniciando um projeto React.js com SCSS e tentando desenvolver uma biblioteca de componentes UI própria. Para padronizar os estilos eu utilizaria um arquivo tema (com as variáveis globais). Minha ...
0
votos
0
respostas
157
visitas
Como criar um relógio com uma classe em React?
O professor da minha faculdade passou a seguinte tarefa:
Crie um componente React usando classe que represente um relógio e utilize os métodos de ciclo de vida para ativar e desativar o relógio. Crie ...
0
votos
0
respostas
103
visitas
Redux-persist não persiste dados ao atualizar página
Estou construindo um sistema de login simples por um curso de ReactJS. Os dados de login ficam salvos em um estado global no Redux (não estranhem o redux mais antigo, pois estou aprendendo ele ...
0
votos
0
respostas
76
visitas
Renderizar array com useState no react
Gostaria de estar criando uma lista de arrays, que inicialmente está vazia
const [list,setList] = useState([])
Ao clicar no botão, pego o valor e mando para o setState
function setValue(value){
...
0
votos
0
respostas
79
visitas
Qual o motivo para uma declaração context.provider no React Native dar erro na compilação?
Estou tentando usar um contexto global em react native e não estou tendo sucesso.
Mais especificamente, no momento, está dando um erro na compilação que não estou conseguindo entender.
no meu arquivo ...
0
votos
0
respostas
51
visitas
Como usar o evento onBlur na lib React Hook Form?
Estou com dúvida de como fazer o evento onBlur funcionar na lib React Hook Form, o onFocus funciona normal, só o onBlur que não consigo fazer funcionar
Esse é código do componente Input que criei para ...
0
votos
0
respostas
102
visitas
Erro na tipagem do "value" ao usar "AuthContext" com Typescript
Problema no value do AuthContext.Provider:
O tipo '{ signUp: ({ email, password }: PropsAuth) =>
Promise; }' não pode ser atribuído ao tipo
'string'.ts(2322) index.d.ts(329, 9): O tipo esperado ...
0
votos
0
respostas
58
visitas
useState React Nativo
Estou começando no React Native e estou travado em um problema com useState, tenho uma api que me retorna esse dados:
[
{
"id": "1c0e5f9e-4228-4bef-a639-301f27b20c7e",
...
0
votos
1
resposta
412
visitas
Como posso forçar a atualização de um estado no React Native?
Eu tenho em uma tela 4 inputs que enquanto são preenchidos, com o onChangeText os seus valores serão somados, para que esta soma possa ser subtraída com o valor total da compra e mostrar em um input, ...
0
votos
1
resposta
34
visitas
Por que meu hooks personalizado retorna undefined ReactJS NextJS?
Foi criado um viewportContext que envolve todo o App, assim posso capturar o tamanho da tela.
import { createContext, useEffect, useState } from "react";
const viewportContext = ...
-2
votos
1
resposta
48
visitas
Atualização da data em um app no React
Olá, estou fazendo um app de notas e gostaria de, quando eu atualizo minha nota no modal, que a data também altere - e seja a mais recente. Consigo ver no console.log certinho a data atualizada, mas ...
-1
votos
1
resposta
377
visitas
Array.prototype.map() expects a return value from arrow function
Estou tentando montar uma tabela com os resultados de uma API usando react, mas a tabela simplesmente não aparece, e na arrow function do meu map está dando esse erro: Array.prototype.map() expects a ...
2
votos
1
resposta
304
visitas
Por que usar um reducer em vez de um simples state?
O useReducer parece ser uma wrapper do useState, em vez de passar um novo estado, é passado uma ação (através de uma chave/id que a identifica), no reducer, um novo estado é definido baseado na ação e ...
0
votos
0
respostas
189
visitas
Problema para enviar os dados formulário ReactJS
Pessoal estou com a seguinte problema. Tenho um formulário com react-hook e estou tentando enviar uma requisição para salvar os dados, porém estou recebendo o erro : "Request failed with status ...
0
votos
0
respostas
18
visitas
Replace enquanto realiza filtragem
Estou tentando realizar um replace enquanto faço a filtragem de itens da minha api. Gostaria de remover os ATIVO do NameChange quando o ATIVO for encontrado na string e retornar o nameChange.
Segue o ...
-2
votos
2
respostas
183
visitas
useState grava dois arrays, um vazio e um com os dados que eu quero, como faço para pega-los?
Estou usando uma função get files que pega os files na api e executando no useEffect, quando au atribuo o retorno da função ao setSlideCategory e dou um console log ele retorna isso:
console.log()...
-1
votos
0
respostas
19
visitas
useState retorna 2 arrays, como faço para pegar o array com o conteúdo, sendo que esta vazio? [fechada]
Aqui está meu código
var [slideCategory, setSlideCategory] = useState([])
async function getFiles() {
const load = new LoadFile()
await load.loadFiles()
.then((res) => {
...
0
votos
1
resposta
77
visitas
Como reproduzir algo dentro do useEffect ReactJS sem virar um loop?
Meus caros, estava fazendo um exemplo que vi na internet onde o client faz a consulta pela api, e o get do axios é inserido dentro do useEffect que fica escutando caso haja novo valor no banco e já ...
-1
votos
1
resposta
96
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
251
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 ...
0
votos
1
resposta
31
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 ...
-1
votos
2
respostas
169
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
201
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 ...
-1
votos
1
resposta
336
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,...
0
votos
1
resposta
460
visitas
Como renderizar corretamente um Array usando React
Eu tenho um componente MotoboyPage, onde nele eu criei um protótipo do que eu quero, pra ficar mais fácil inicialmente. Então creio que ficou fácil de ler, cheguei a um erro, onde minha função ...
1
voto
1
resposta
1mil
visitas
Como passar uma imagem no useState e trocar por outra?
Estou tentando trocar a imagem com useState, mas nem chegar a ver a imagem estou conseguindo e não aparece erro falando.
let imagens = {
img1: 'src/assets/img_red.jpg',
img2: 'src/assets/img_blue....
-3
votos
2
respostas
1mil
visitas
Como renderizar um componente sempre que houver uma alteração na variável?
Estou realizando alguns testes em React, queria saber se teria alguma forma de renderizar/atualizar um componente sempre que existe alteração no props dele(variável):
import { React, useState, ...
-3
votos
2
respostas
101
visitas
Como envia os values dentro do formData via POST?
Pessoal gostaria de entender como seria o POST desses dados. Estou utilizando a dependência "react-hooks-helper", Onde capturo dos os dados através de um formulário que tenho vários steps. ...
-3
votos
1
resposta
58
visitas
Alguém pode me explicar o que esse trecho de código JavaScript faz? [fechada]
const openDial = config => {
const dial = {...config, op: true}
setDialogs(dials => [...dials, dial])
}
Não estou conseguindo entender o que esse trecho de código acima faz. se algúem ...
-3
votos
1
resposta
41
visitas
Problemas com assincronia do JavaScript
Olá, estou tendo problemas com o processo assíncrono do JavaScript. Preciso que a função deleteRoom seja executada antes da condição IF abaixo dela. Poderiam me ajudar?
Estas funções estão em ...
-2
votos
3
respostas
772
visitas
Como corrigir erro Too many re-renders. React limits the number of renders to prevent an infinite loop
Estou tentando implementar um mecanismo de pesquisa no meu componente, mas está causando um loop. Pego o storeData do meu contexto e tento filtrar os dados para poder pesquisar. Como posso resolver ...
-4
votos
3
respostas
476
visitas
Como eu faria pra tipar o meu context.Provider?
como vocês podem ver , o typescript está indentificando um problema no meu context.Provider, eu acredito que seja porque ele precisa ser tipado,nesse caso como eu faria para adicionar a devida tipagem?...
-3
votos
1
resposta
576
visitas
Modificar estado de um determinado componente pela resolução da tela usando ReactJS
Estou realizando um trabalho onde dependendo do tamanho da resolução da tela, mostre um texto ou outro. Gostaria de saber que é possível utilizar, no contexto de ReactJS, um useState ou algo ...
-2
votos
1
resposta
49
visitas
Usar Hooks com Arrays
Gostaria de atualizar o valor de um hook de arrays, por exemplo o código abaixo eu só consigo atualizar o ultimo valor, mas eu gostaria de atualizar uma posição especifica, como por exemplo o Test[6] ...
-2
votos
1
resposta
2mil
visitas
Preencher useState com array de objetos
Estou estudando React Native e estou construindo um aplicativo como demo para a empresa em que trabalho, neste app existe uma etapa que tenho que preencher um useState array com os valores de outro ...
0
votos
1
resposta
121
visitas
enviando state do pai para o filho react native
Preciso modificar o state que esta no componente 'Lancamentos', dentro do componente 'FormBody', que por sua vez, esta dentro do component 'Form' (Lancamentos > Form > FormBody).
Como eu envio ...
0
votos
0
respostas
344
visitas
Colocar inputs nos itens da lista para que possa ser adicionado e alterado os valores dos itens
Bom dia,
Estou estudando react e estou bem no inicio e pensei em ja começar fazendo um todo list, porem não quero por valores nos itens sem precisar ter que editar eles e assim somar com o total quem ...
-1
votos
1
resposta
122
visitas
Tem como fazer useState alterar imediatamente?
Estou chamando uma API, e com esta resposta preciso das informações necessárias para gerar um PDF, porém quando coloco a resposta numa variável useState, ela vem nula na primeira renderização, então ...
0
votos
1
resposta
241
visitas
Função onClick sendo chamada quando os componentes são renderizados
Tenho essa função chamada Logout
function Logout() {
authService.logout();
localStorage.removeItem("connectado");
}
e chamei ela desta forma no onClick={Logout()} e ...
-1
votos
1
resposta
465
visitas
Imagem não aparece react native
Estou com um projeto e nele eu faço upload de imagem com expresse + multer no backend, durante o projeto tem uma parte que mostra essa foto, porem ela não aparece, apenas fica um espaço em branco onde ...
0
votos
1
resposta
894
visitas
useState - Array renderiza sempre vazio na primeira vez
Estou tentando fazer uma validação da variável prods com o .length, porém percebo que toda vez que este useEffect roda, ele retorna vazio antes da atualização da variável. Logo, qualquer tipo de ...
-1
votos
1
resposta
3mil
visitas
Como sobrescrever o type "string" do localstorage para um outro type com typescript?
tenho um componente em React de tema (mas esse problema é de typescript, não necessáriamente precisa de React), esse componente precisa usar o localstorage para definir o tema inicial gravado em um ...