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
1,684
perguntas
-2
votos
0
respostas
9
visitas
Criar um link de download para um projeto React
Alguém sabe como eu posso criar um link para download do meu projeto em React, para que usuários que forem acessar o meu projeto possam baixa-lo?
0
votos
0
respostas
16
visitas
Uma atualização de hook atualiza a página toda
eu tentei debugar esse código para entender o motivo de, quando eu clico em um card a página inteira é re-renderizada. Eu percebi que isso ocorre nas linhas 89 e 91, nas condicionais do ...
0
votos
0
respostas
17
visitas
Renderizar meu react em outros projetos
Gostaria de saber se existe alguma maneira de exportar meu projeto react e importar em outros projetos com um link, a ideia seria hospedar meu projeto e poder acessar meus componentes através de um ...
-4
votos
0
respostas
15
visitas
Popular uma tabela com dados de um Json variado
Oi, tudo bem, preciso de um código para fazer um item com uma tabela embaixo a partir dos dados do Json abaixo em React, esse Json vai retornar algumas características do produto, so que alguns ...
-2
votos
0
respostas
23
visitas
.map e .includes não funcionam [fechada]
<div className="wordContainer">
{letters.map((letter, i) =>
guessedLetters.includes(letter) ? (
<span key={i} className="letter">
{letter}
...
-1
votos
1
resposta
40
visitas
Erro CORS ocorre para um endpoint da API, mas não para outro
Eu tenho uma API REST escrita em DRF. Um aplicativo react consome esta API usando:
export default function Body() {
const location = useLocation();
const searchQuery = new URLSearchParams(...
-4
votos
0
respostas
53
visitas
Não estou conseguindo consumir a Api corretamente (json e react)
{
"status": true,
"motivo": "",
"dados": [
{
"codigo": "000001",
"descat": "AMANCO",
"...
-3
votos
0
respostas
9
visitas
Obter as coordenadas de um timestamp em um file KML, a partir do tempo do video
Criei um leitor de video customizado que ao executar um video, a partir do tempo extrair as coordenadas que estao em um file do tipo kml. eu comeco por ler o kml,indico o inicio do percurso, para que ...
-4
votos
0
respostas
28
visitas
Como posso aplicar mock na minha aplicação Nextjs 13? [fechada]
Estou desenvolvendo uma aplicação de e-commerce com Next.js e estou no estágio de desenvolvimento do front-end. Enquanto ainda estou decidindo qual CMS usar para gerenciar o conteúdo do meu e-commerce,...
-2
votos
0
respostas
9
visitas
como eu posso mudar a posição de um ListButton do material ui no typescript preciso coloca em inline-block
como eu posso mudar a posição de um ListButton do material ui no typescript preciso coloca em inline-block, mas ate o momento não consegui
<div className='btn1'>
<ListItemButton
...
-4
votos
0
respostas
13
visitas
como posso alterar a posição de item fixo no material ui
como posso mudar tags fixas do material ui esse é meu codigo e eu queria mudar ele de modo que eu possa muda as posições de cada botão
import {
Avatar,
ListItemButton,
ListItemIcon,
...
-1
votos
1
resposta
39
visitas
como rodar um arquivo React js na minha maquina
Como rodar um arquivo React js na minha maquina? Pra criar uso npx create-react-app teste, e para rodar um que baixei do git como eu faço?
-6
votos
0
respostas
15
visitas
url scheme safari [fechada]
Quero abrir um link específicamente no safari, qual seria a url scheme do safari ?
Tente com:
window.open(`com-apple-mobilesafari-tab:https://meusite.ao/?a`, '_blank', 'popup');
Infelizmente não deu ...
-1
votos
1
resposta
32
visitas
Como posso mudar a cor de fundo no meu site Reactjs com um botão?
Estou em dúvida em como alternar de tema claro para escuro em um projeto que estou desenvolvendo. Eu estou utilizando um sistema de rotas para navegar entre as telas do meu site. Segue o código do ...
-2
votos
0
respostas
11
visitas
FlatList não rola dentro de BottomSheetModal no React Native
Estou enfrentando um problema com a minha aplicação React Native, onde estou usando uma FlatList dentro de um BottomSheetModal para exibir uma lista de itens selecionáveis, mas a rolagem da FlatList ...
-1
votos
0
respostas
14
visitas
Problema de renderização do gráfico react-chartjs-2 Doughnut
Estou com um problema de renderização no ambiente de produção do meu projeto, utilizo o react-chartjs-2 {Doughnut} no meu ambiente de desenvolvimento as cores do gráfico renderiza normalmente, mas em ...
1
voto
0
respostas
14
visitas
como tipar dinamicamente um hook personalizado no react?
eu estou tentando tipar dinamicamente um hook personalizado, a minha ideia é que ele funcione da seguinte maneira:
function RandomComponent() {
//onde 'GenericType' seria a tipagem dinamica feita ...
-1
votos
0
respostas
12
visitas
Estou tentando fazer um sistema de scroll infinito porem a função de estado não é rodada dentro do useEffect
import { useEffect, useRef, useState, useContext } from "react";
import ScrollContext from "../contexto/scrollContext";
const Observer = () => {
const [postsPerPage, ...
-2
votos
0
respostas
12
visitas
Erro na renderização do swiper no react vite
Estou tendo dificuldade na renderização da página, ela fica toda branca, estou utilizando o swiper igual de um video que estou seguindo, copiei até o codigo da pessoa para ver se estava fazendo errado ...
-3
votos
0
respostas
10
visitas
Como deixar uma div que recebe dados de uma API de forma fixa na tela
inserir a descrição da imagem aqui
Recebo dentro de uma div os resultados de albums para determinada pesquisa. Gostaria que os resultados fossem exibidos somente no limite de tela(Deixei uma imagem ...
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) => [......
1
voto
0
respostas
12
visitas
Expo React Native quando clico para abrir o modal, o expo reinicia fechando o app
Pessoal peço a ajuda de você, quando clico no meu modal o expo simplesmente reinicia o app, vou postar o codigo!
import { useNavigation } from '@react-navigation/native';
import React, { useState, ...
-2
votos
0
respostas
16
visitas
Erro no React ao usar o npm run build "TypeError: Cannot read properties of undefined (reading 'length')"
Olá, eu estou enfrentando um problema no React.JS, onde estou iniciando um projeto novo, porém, na hora de iniciar o projeto (npm run build) fica dando o seguinte erro:
PS E:\React\001-projeto> npm ...
-2
votos
1
resposta
17
visitas
Problemas em navegação React Router Dom
Tenho uma aplicação feita em React e estou utilizando navegação através do React Router DOM.
Quando eu navego no código utilizando /login por exemplo, para redirecionar para a página de login, ele ...
-1
votos
0
respostas
9
visitas
Tratamento de erros no React
Sou novo na linguagem e estou com uma dúvida sobre a maneira correta de tratar erros no React.
CategoriaDetailsScreen.js:
function CategoriaDetailsScreen() {
const { id } = useParams();
const ...
-3
votos
0
respostas
7
visitas
Estou desenvolvendo uma aplicação para estudos utilizando o React com o Electron
Estou achando estranho pois a minha aplicação está funcionando normalmente ao rotar "npm start" ou "yarn electron", mas ao "buildar" minha aplicação para gerar o arquivo ...
-1
votos
0
respostas
4
visitas
Abrir card de cadastro na tela principal clicando no botao incluir
Boa tarde meus amigos, preciso criar uma tela de cadastro, e nessa tela de cadastro a um botão que abri um pequeno card formulario, não stou conseguindo desenvolver, alguem pode me dar algumas dicas ...
-2
votos
0
respostas
12
visitas
Existe alguma maneira de controlar variaveis de ambiente de um app em react já buildado?
Tenho um projeto em react que aponta para algumas apis de acordo com variáveis de ambiente configuradas em um arquivo .env, para passá-lo para produção, criei um dockerfile que primeiro faz o build ...
-1
votos
1
resposta
13
visitas
Erro ao atualizar tabela em React
Bom dia.
Eu tenho um banco de dados pré-definido ("db"), de onde leio os dados. Preciso poder editar e remover cada linha (ainda não desenvolvi a parte de editar).
Quando uso a função ...
-1
votos
1
resposta
26
visitas
Lentidão em onPress - Pressable - React native
Recentemente comecei a estudar React Native, e estou fazendo um APP de Agendamento!
Mas estou enfrentando um problema de lentidão quando eu clico em um Pressable dentro da listagem.
Primeiro eu fiz a ...
2
votos
0
respostas
36
visitas
Como colocar uma variável em <Imagem source={}/> em React Native? [fechada]
Estou fazendo um aplicativo React Native e estou tentando colocar uma variável na IMAGE SOURCE
<FlatList
style={{ flexDirection: "row" }}
data={props.carregador}
keyExtractor={...
-2
votos
1
resposta
58
visitas
ReactJs [Primeiro projeto]: variável useState() não atualiza
Estou tendo minha primeira experiencia com React onde estou fazendo um projeto ADVPL (REST) + React. Porém falta um detalhe apenas no meu projeto: atualmente preciso clicar duas vezes no botão ...
-2
votos
1
resposta
49
visitas
Problema ao atualizar o estado no React ao implementar busca em uma API de Pokémons
Olá, comunidade do Stack Overflow!
Sou um iniciante em React e decidi criar um pequeno projeto no qual consumo uma API que retorna dados sobre Pokémons. Estou enfrentando problemas ao tentar ...
-3
votos
1
resposta
33
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
21
visitas
Erro de Rota Axios e React-Native
Fala galera, tudo bem? Bom, estou com um erro no axios e já fiz de tudo para resolver e não consegui. Então, deixa eu explicar um pouco.
Esse aqui é o meu método post no lado servidor. Qualquer ...
-2
votos
2
respostas
424
visitas
AxiosError: Network Error
estou usando react native e ao tentar consumir uma api utilizando emulador de android vi que o ip a ser usando em vez de localhosto seria esse abaixo:
import axios from 'axios';
const api = axios....
0
votos
0
respostas
20
visitas
Trazer dados de nós diferentes firebase - javascript
Olá! Tenho uma tabela que é alimentada por um Realtime Database - Firebase. A questão é: Meu banco tem 2 nós mas só consigo trazer os dados se especificar de qual eu quero. Como faço para ler os dados ...
0
votos
0
respostas
64
visitas
Problema ao ligar servidor NextJS - React
Estou com problemas para iniciar o servidor no NEXT JS.
Ao iniciar o npm run dev, ele começa a inicializar o servidor mas segundos depois de aparecer "-info..." como mostra a imagem ele ...
-1
votos
1
resposta
39
visitas
Como criar uma função que retorna multiplos elementos em uma lista - REACT [fechada]
Estou começando a estudar React agora, e preciso manipular uma lista de objetos.
Tenho a minha lista de transações e sei que preciso mudar o estado dela pelo meu setTransacoes (código abaixo)
Por ...
-4
votos
1
resposta
272
visitas
Erro ao executar npx create-react-app, npm install e npm -v
Estou tentando criar um projeto React e até o momento não obtive sucesso no vscode em meu Windows 11. Segue o erro do código ao realizar npm install:
C:\Users\Caju\Documents\FIAP\GLOBAL SOLUTION 2\...
0
votos
0
respostas
28
visitas
Object.entries() duplica os valores do enum na hora de fazer um map
Estou usando React com Next e TypeScript e preciso fazer gerar um select com algumas espécies de animais, porém na hora de fazer o map para gerar as option's o compilador duplica os valores.
Por ...
-1
votos
1
resposta
16
visitas
Como fazer para Navigate executar uma vez ou para de executar
Em minha pagina Login tenho duas condições, se o usuário estiver deslogado irá renderizar a parte do formulário, mas se o usuário estiver logado executará <Navigate to="home">.
Porém ...
-2
votos
1
resposta
43
visitas
Typagem dinâmica
Opa! Eu tentei fazer o seguinte:
type TabelaApontamentoProps = {
arrayTitulo?: string[]
data?: {
}[]
TemTipoLinha?: boolean
NTipoLinha?: number
CorTipoLinha?: string
NColunaDestaque?:...
0
votos
1
resposta
78
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
35
visitas
Não consigo testar meu componente react
Quero testar se uma função está sendo chamada quando o formulário é enviado, mas não consigo fazer isso.
// UsersContext.tsx
import { User } from "@/types/global";
import React, { useState, ...
0
votos
1
resposta
19
visitas
As páginas não são renderizadas por meio do React Router Dom
Sou recente na programação, instalei a biblioteca react-router-dom para trocar uma página quando clica ou trocar o link de "/" por "/usuarios", aparentemente o código parece estar ...
1
voto
1
resposta
116
visitas
Problema no login ao clicar botão usando fetch react js?
Estou com problema ao clicar no botão e fazer login, quando clico no botão ele traz o usuario e senha do banco mas para fazer login e entrar no sistema preciso clicar duas vezes botão, a primeira vez ...
0
votos
1
resposta
23
visitas
Como consertar o erro "Unexpected end of archive" quando baixo o arquivo do tipo ByteArrayResource?
Estou tendo problema ao baixar um arquivo do tipo ByteArrayResource, basicamente, estou utilizando o spring boot como backend, e reactjs no front, quando faço a requisição para o arquivo, o que eu ...
-2
votos
1
resposta
69
visitas
Incrementar HTML com botão em React [fechada]
Estou fazendo o meu primeiro projeto em React e gostaria de ajuda, pois sou muito iniciante. Gostaria de fazer um botão que adiciona HTML a página. Quando o botão "Add Education" é apertado, ...
-2
votos
1
resposta
33
visitas
Como faço para atualizar uma propriedade e aparecer em tela?
Eu quero atualizar o meu objeto através de uma função de incremento e fazer com que apareça em tela. Eu consegui atualizar o objeto, porém, ele só atualiza no meu consolo.log, na parte visual da ...