Novas respostas marcadas com a tag react
0
votos
Aceito
Duvidas com REACTJS CreateContext
Fez errado nesse trecho de código: {{text: textHandle, setText: addHandleText}} onde deveria passar a variavel e a função de mudança de estado logo {{text, setText}} conforme criado na parte do ...
- 36,5mil
-2
votos
Não estou entendendo a sintaxe dessa linha de código de uma função:
De forma resumida, o item.amount - 1, ele está exatamente reduzindo um da quantidade total do item . o spread do ...item , ele retorna o item após sofrer a alteração, agora o spread no acumulator nao ...
-2
votos
criar select dinâmico com ReactJS + Hooks
Eu prefiro fazer tudo em useEffect desta forma:
States:
const [ufs, setUfs] = useState([]);
const [cities, setCities] = useState([]);
const [selectedUf, setSelectedUf] = useState(&...
0
votos
Como faço para passar um dado de uma variável de um arquivo react para outro?
Via Props você consegue trafegar informações entre componentes, dê uma olhada na doc oficial: React Props
- 493
0
votos
Erro no is not assignable to type 'ReactNode'
Você já tentou dessa maneira?
O erro pode estar dando por tentar passar um objeto como children do elemento, da maneira abaixo você estaria passando cada chave como um child válido
<>
{kid.map(...
-3
votos
Erro ao executar npm start (react)
Gente, no meu caso eu só estava na pasta errada.
Quando eu pedia pra rodar estava na pasta "ToDoList". Eu criei o projeto do react dentro dela chamado "cursoreact".
O npm start ...
- 1
-1
votos
Ajuda com Código React
Opa cheguei tarde, tenta isso.
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Home from '../pages/Home';
...
return (
<BrowserRouter>
<Routes>
<...
- 16
-2
votos
Por que meu código está duplicando quando é executado?
Há várias razões pelas quais o seu código pode estar duplicando. Algumas das principais causas incluem:
Usando o estado incorretamente: se você estiver atualizando o estado de forma incorreta, isso ...
- 11
-1
votos
Aceito
Usabilidade do useState e useEffect no react-TS
Parece que o erro está ocorrendo porque você está tentando acessar a propriedade "data" de "allCards" antes de ela ter sido definida. Isso acontece porque a chamada à API é ...
0
votos
React - react-router-dom repetindo componentes
Você pode fazer de duas formas:
Criar uma condicional onde ele vai renderizar o Hint apenas se não estiver autenticado, da seguinte forma:
!authenticate && <Hint />
caso vc não entenda ...
- 14
-2
votos
Sistema de Download do banco de dados Erro about:blank#blocked
solución de mi problema. Les cuento caso tenga un problema parecido al mio.
En la parte donde se crea la ruta y hace la descarga insert un /
Y entonces me encontro la ruta, y se me descargo el archivo....
-2
votos
Aceito
React. Js - Como passar data entre dois childs components e o parent component?
Vou dar alguns exemplos de como vc pode fazer isso
Vc pode utilizar o hook useState no Parent, ai a função que seta esse state vai ser passada para os componentes, para que eles possam alterar o ...
- 14
-2
votos
Aceito
JWT não retorna o token ou objeto, node e react
Consegui resolver, primeiro, alterei o modo como envie as requisições para o header, agora é assim:
app.get('*', (req,res, next) => {
res.header("Access-Control-Allow-Credentials", &...
0
votos
Pegar Resposta de uma API que retorna erro 500
Para pegar a mensagem de erro 500 de uma requisição POST com JavaScript usando o Axios, você pode usar o método axios.post() para enviar a requisição e, em seguida, verificar o status da resposta. Se ...
- 1
-3
votos
JWT não retorna o token ou objeto, node e react
O jwt não parece ter problemas, você verificou se o seu objeto está sendo retornado corretamente nesse momento await user.save() ?
Outra observação é que não está utilizando o await na função jwt....
-2
votos
Aceito
Erro ao tentar utilizar dados da api axios
é provável porque a resposta do back-end não está no formato que você espera. Os dados que são retornados do back-end são um objeto com uma única propriedade chamada "filmes" que contém o ...
- 16
-3
votos
Aceito
editar 1 item da lista de array salvo em localstorage
Citação Deu alguns problemas. quando clicado no botao de editar que fica lado da lista, nao aparece o item a ser editado la no input. Se digito alguma coisa no input e clico em editar que salvaria ...
-1
votos
Fazer uma search bar no React e MongoDB/Mongoose
Dentro de
useEffect(() => {
api
.get(`/pets`)
.then((response) => {
setPets(response.data.pets);
})
.catch((err) => console.log(err));
}, []);
Você ...
- 669
-2
votos
editar 1 item da lista de array salvo em localstorage
Para adicionar a opção de editar na sua lista de tarefas, será necessário buscar o indice específico em que essa tarefa está, dado a sua estrutura você poderia implementar da seguinte forma:
// index -...
- 76
0
votos
React nao atualiza a pagina apos alterações
Acredito se você remover do package.json o "react-app/jest" do "eslintConfig", vai atualizar na hora.
0
votos
Estou com uma duvida sobre integrar duas API diferentes em um useState
Você esta sobrescrevendo o paises na função getPaises
Quando executa a linha getPaises(nomeURL); a função armazena em paises vindo do nomeURL
Na linha abaixo, quando executa getPaises(bandeirasURL); a ...
- 669
-1
votos
Excluir 1 item do array
Dado a sua estrutura, acredito que existam duas possíveis soluções que você poderia implementar no seu código e vou explicá-las.
Solução 1: Método splice
Existe um método no JS para Arrays chamado ....
- 76
0
votos
O que é e por que devo fornecer um “array de dependências” para os hooks do React?
Quando você usa um hook do React em seu código, é possível fornecer um array de dependências como argumento opcional. Esse array é uma lista de valores de que o hook depende. Quando um desses valores ...
- 669
0
votos
Mudar o estado pelo "current" ou pelo próprio valor do estado? Faz alguma diferença?
Sim, faz diferença.
O primeiro setSwitch(!switch) é usado para inverter o valor atual do switch e atualizar o estado do componente. Isso é feito através do operador de negação (!), que inverte o valor ...
- 669
As 50 principais respostas recentes são incluídas
Tags relacionadas
react × 1674javascript × 848
react-native × 237
react-hooks × 143
node.js × 132
typescript × 132
html × 80
axios × 74
react-router × 64
css × 62
redux × 55
api × 53
array × 40
jsx × 38
next.js × 37
front-end × 35
react-navigation × 35
json × 34
react-dom × 32
material-ui × 32
npm × 30
firebase × 29
styled-components × 24
aplicação-web × 21
react-router-dom × 21