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,682
perguntas
-4
votos
0
respostas
21
visitas
Como posso aplicar mock na minha aplicação Nextjs 13?
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,...
-1
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
...
-3
votos
0
respostas
12
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
voto
1
resposta
1mil
visitas
Publicar React.js servidor windows
Tenho uma aplicação desenvolvida com React + React-Redux e agora que ela está finalizada preciso publicar. Porém ao pesquisar sobre isso não achei nada que explicasse ou tivesse um passo a passo de ...
0
votos
2
respostas
287
visitas
React - react-router-dom repetindo componentes
Estou desenvolvendo uma página de login/cadastro em React, porém, deparei com o seguinte problema:
<div className="auth-container">
<BrowserRouter>
<Hint />
...
0
votos
1
resposta
403
visitas
Passar props via Bottom Tab Navigator
Estou desenvolvendo uma aplicação com React Native e estou tendo um problema, alguém saberia me dizer como passar dados de uma tela para um Bottom Tab Navigator?
Tenho uma tela chamada MainPerson com ...
-2
votos
0
respostas
22
visitas
O argumento do tipo 'Request<ParamsDictionary, any, any, ParsedQs, Record<string, any>>' não é atribuível ao parâmetro do tipo 'File' [fechada]
Estou desenvolvendo uma aplicação que faz upload de arquivos e ao declarar a variável 'file' recebendo o request, e chamando essa variável no execute apresenta o seguinte erro:
O argumento do tipo '...
-1
votos
1
resposta
33
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?
-1
votos
1
resposta
31
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
16
visitas
Estou usando uma Modal Reactstrap, quando fecho ela, ela some a barra de rolagem da tela principal [fechada]
const toggleModal = () => {
setModalOpen(prevState => !prevState)
}
<Modal
id='modalOpen'
className={'modal-success modal-md modal-dialog-centered'}
backdrop={...
-2
votos
0
respostas
15
visitas
Não consigo retornar uma resposta em json no php [fechada]
Eu tenho uma requisição de login e preciso que a resposta seja um json, mas esta me retornando uma resposta html.
estou estudando react e peguei esse template para estudar, essa função verificaLogin ...
-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 ...
-5
votos
0
respostas
51
visitas
Abrir link em safari [fechada]
Estou construindo um projeto em react com typescript que envolve leitura de código QR, o que acontece com os usuários de iphone é que o QR code é lido a partir do leitor de códigos do iphone e o link ...
-3
votos
0
respostas
16
visitas
Projeto React Não renderiza usando vercel [fechada]
Este é o repositório, desde já obrigado
Tentei implantar para mostrar o código funcionando com um domínio Vercel, o html parece que sim mas não renderiza nenhum componente
-2
votos
0
respostas
10
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 ...
0
votos
1
resposta
944
visitas
Como criar validação em campos diferentes no formulário ReactJS?
Como faço a validação do formulário criado com ReactJS de acordo com o que usuário informa nos campos?
Exemplo:
<form>
<label for="tipo_requisicao">Escolha uma opção:</label&...
-1
votos
0
respostas
13
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 ...
0
votos
0
respostas
12
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
8
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, ...
0
votos
1
resposta
583
visitas
Erro ao requisitar dados da minha API com React Access to fetch at from origin CORS policy
Eu criei uma API para estudar o consumo e etc, porém na hora de requisitar está me retornando esse erro:
Access to fetch at 'https://galaxies-api.herokuapp.com/galaxies' from origin 'http://localhost:...
-2
votos
0
respostas
10
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 ...
0
votos
1
resposta
427
visitas
Tabbar React Native
Estou com dificuldade para posicionar um component de tabbar que estou fazendo.
Home.js
import React, {Component} from 'react'
import {View, Text, ScrollView} from 'react-native'
import Header from '...
-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
13
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) => [......
-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
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 ...
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 ...
-1
votos
0
respostas
8
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 ...
0
votos
2
respostas
2mil
visitas
Não consigo centralizar o título
Usando react-native e react-navigation, por alguma razão nada que tentei funcionou para centralizar o título.
Tentativas:
AlignSelf
export default class First extends React.Component {
static ...
1
voto
1
resposta
644
visitas
Criar modal genérico em React Native
Estou tentando criar um componente Modal que generico que possa ser reutilizado em outras partes do aplicativo. Entretanto não estou conseguindo realizar o controle de abertura do mesmo. Segue minha ...
-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 ...
0
votos
1
resposta
734
visitas
Como mudar um state de um component no react navigation
Eu preciso mudar um state dentro de uma função do react navigation, esse state vai alterar um comportamento no component
function TabOneNavigator({navigation}) {
React.useEffect(() => {
...
1
voto
2
respostas
552
visitas
Value Textarea não funciona React
Olá, estou tentando "popular" um textarea com um valor, mas quando tento editar o campo e ele não permite. Já tentei utilizar a propriedade "defaultValue" mas o campo fica vazio. Segue partes do ...
0
votos
1
resposta
605
visitas
Como importar um arquivo css dentro do JSX por tag link ou script (React)
Olá, estou aprendendo React, vi alguns conceitos básicos em um micro-curso no youtube, e pra treinar eu gostaria de transformar um site que já tenho em html e bootstrap para react.
Um dos problemas ...
-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 ...
-2
votos
0
respostas
11
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 ...
0
votos
1
resposta
1mil
visitas
Next.js não carrega jsx
Recentemente eu andei pesquisando sobre Next, a framework js do momento, e quero começar a treinar com ela com alguns projetos. O problema é que não roda no meu computador, Não importa o que eu faça.
...
0
votos
1
resposta
395
visitas
Mudar mascará de um TEXTField de acordo com a escolha em um SELECTField
Boa tarde à todos.
Sou iniciante em ReactJS, estou trabalhando na construção de um formulário e no campo TELEFONE preciso que a máscara desse TextField mude conforme a seleção do usuário em um Select, ...
1
voto
1
resposta
690
visitas
Erro Gradle em uma aplicação React native
Estou criando uma aplicação para estudo com React Native e apareceu esse erro abaixo. Alguém sabe como resolver? Estou iniciando agora com React e React Native e não tenho ideia de como consertar
...
-1
votos
1
resposta
1mil
visitas
React useState assíncrono
sou novo no React e estou com dificuldade para fazer um filtro em dados que serão exibidos em uma tabela. Tenho os inputs dos filtros (são 5 no total) e um botão filtrar que chama uma função, nessa ...
0
votos
1
resposta
1mil
visitas
Atualizar a Table automaticamente ao deletar o registro
Olá, gostaria de saber como atualizar a tabela automaticamente depois de deletar algum registro, porém, toda vez que deleto um registro, tenho que atualizar novamente a página, e por isso utilizei a ...
0
votos
1
resposta
379
visitas
Meu input só aceita um caractere de cada vez. E está repetindo o mesmo texto para outros Input
Só consigo digitar no input colocando um caractere de cada vez. e o mesmo valor que eu coloco em um, se repete para os demais inputs.
já tentei várias alternativas de mudar o handleChange e etc mas ...
0
votos
1
resposta
983
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 ...
0
votos
1
resposta
2mil
visitas
Como passar valores para outro componente nas rotas?
Tenho uma página de login, que faz autenticação por token e logo após, com o usuário e senha inserido são retornado os dados do usuário. Logo após isso eu redireciono o usuário para um componente ...
0
votos
1
resposta
386
visitas
React Native - botão de um arquivo js chamando uma função ou variável em outro arquivo js
Preciso de um help aqui:
Tenho 2 arquivos js: Header/index.js e Main/index.js
Na Header/index.js tem um botão: <TouchableOpacity onPress={() => {}} />
Na Main/index.js tem:
const ...
2
votos
2
respostas
389
visitas
Como passar valor entre Functional Components usando Navigation.navigate
estou tentando passar valores de um Componente Funcional para outro Componente Funcional com navigation.navigate, na primeira tela o valor está lá, posso vê-lo renderizando-o ou no console.log, mas ...
1
voto
1
resposta
628
visitas
Importar SVG inline de caminho absolute no Next.JS
Eu estou tendo dificuldades em configurar o Next.Js para fazer importações em camino absoluto.
Configurei o tsconfig.json usando a baseUrl como "src" e até funciona, exceto em arquivos SVG ...
1
voto
2
respostas
3mil
visitas
O comando "npm run build" não esta funcionado
O meu problema é o seguinte ao executar o comando (Para preparar os arquivos para produção):
npm run build
Ele não apresenta nenhum erro, aparentemente deu tudo certo:
c:\bin\node-v8.9.2-win-x64\...