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

Filtrar por
Ordenado por
Com tags
-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\...

1
2 3 4 5
34