Skip to main content

Todas as perguntas

Com as tags
Filtrar por
Ordenado por
Com tags
-2 votos
1 resposta
404 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 ...
Eduardo Lima's user avatar
-1 votos
0 respostas
192 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 ...
Carlos Deucher's user avatar
0 votos
0 respostas
84 visitas

Estilização por props não funciona

estou aprendendo react e tentei passar uma estilização por props, mas não vejo o resultado no navegador. Gostaria de deixar o <p>footer<p/> mais para baixo, então dei uma customClass, ...
Zheoantan's user avatar
-2 votos
2 respostas
264 visitas

passar id do elemento filho para o elemento pai

estou precisando da ajuda de vcs. tenho minha pagina principal e um componente de card, o que eu gostaria era que a cada hover no card o backgroundImage da pagina principal mudasse de acordo com o ...
Gislaine De Aguiar Guimaraes's user avatar
0 votos
0 respostas
42 visitas

Scale em um elemento com posição absoluta

Boa tarde a todos, estou tendendo a dar um efeito de escala em uma imagem que esta em um cartão, mas ao invez dela vir pra frente ela esta indo pra baixo, acredito que seja porque ela esta com posição ...
Gislaine De Aguiar Guimaraes's user avatar
0 votos
0 respostas
17 visitas

Colocar cor em Type Animation

Olá, estou tentando colocar com em uma parte do texto escrito, porém só consegui colocar cor nele inteiro, export const Title = () => { return ( <TypeAnimation sequence={[ ...
Kaue Siqueira's user avatar
-2 votos
1 resposta
337 visitas

Imagem componente react não carrega (mui material)

estou com o seguinte componente como navbar em uma aplicação frontend com react import * as React from 'react'; import { styled, alpha } from '@mui/material/styles'; import AppBar from '@mui/material/...
Márcio Victor's user avatar
0 votos
2 respostas
187 visitas

Como posicionar o footer no fim da página sem o conteudo da pagina ficar em cima

Olá, estou com um problema simples que não consigo resolver de jeito nenhum. Tenho uma página com bastante conteúdo, mas o conteúdo fica em cima do footer ou vice-versa. Já tentei por position ...
Mariana Monteiro's user avatar
-1 votos
1 resposta
4mil visitas

Estou com problemas para redimensionar uma imagem no React

Olá, sou estudante e estou com um problema em um projeto de front-end para redimensionar imagens usando CSS no React, as imagens vem da API publica do Mercado Livre, e por isso acabam chegando com ...
Lucas Miranda Pimentel's user avatar
0 votos
1 resposta
207 visitas

Redimensionar imagens usando Bootstrap 5.1? [fechada]

e no CSS #header .imagem { width: 100% }
Ramon dos Santos Pinto's user avatar
-3 votos
1 resposta
100 visitas

Estou fazendo um projeto onde preciso criar uma listagem de herois em reactjs, html, css e javascript

tenho o projeto já feito em html, css e javascript. porem não tenho muita experiência com reactjs, gostaria de saber se tem como inserir react nesse site já pronto ? segue meu código abaixo. ...
Igor Chagas's user avatar
0 votos
1 resposta
320 visitas

Como escolher apenas alguns itens de um .map

Estou fazendo um aplicativo parecido com o facebook, todas as postagens estão em um .map: {datapost !== undefined && datapost.map(item => { return ( ...
Gabriel Oliveira Menezes's user avatar
0 votos
1 resposta
134 visitas

Adicionar um delay na animação Buzz Out após cada loop

Olá, estou tentando colocar um delay em minha animação do Buzz out após cada loop, estou aplicando ela em um texto, que esta dentro da tag p. Já busquei varias respostas e a maioria delas diz para ...
Pedro's user avatar
  • 307
-2 votos
1 resposta
760 visitas

Não carrega tag video [ HTML ]

não consigo carregar vídeo na minha aplicação React. Estou usando o chrome porém também testei no Safari. Só me gera uma tela branca. A tag é reconhecida pois quando eu uso controls ele habilita. Mas ...
Curi's user avatar
  • 461
2 votos
1 resposta
2mil visitas

Como mudar a cor de um SVG dinamicamente com props no React?

Estou tentando mudar a cor de um SVG através das props, mas não estou conseguindo. Meu componente Hexagon que no qual eu recebo a cor via props e verifico com um switch: function Hexagon({ size, text, ...
Pedro's user avatar
  • 307
1 voto
1 resposta
185 visitas

Como colocar varias expressôes JSX no onload no React

Tem algum jeito de colocar duas expressões JSX no onLoad? Toda vez que tento colocar duas expressões ele não reconhece a segunda expressão. Queria tentar colocar desta maneira : <td onLoad={e < ...
Matheus Perozini Magalhães's user avatar
-3 votos
1 resposta
43 visitas

Como faço para apresentar em colunas ao invés de uma grid ? de preferencia dentro da tag <div>

{ data.data && Object .keys(data.data) .map(cli => { return( <tr key={cli}> <td>{data.data[cli].nome}</td> ...
E Oliveira's user avatar
0 votos
2 respostas
700 visitas

Impedir rolagem da tela ao abrir modal no ReactJS

Olá, estou criando um site onde uma das páginas possui uma lista com vários itens clicáveis (como uma ‘vitrine’ de lojas online), ao serem clicados abrirá um modal que ficará na frente de todo ...
Luh 's user avatar
  • 95
0 votos
1 resposta
229 visitas

CSS em React: Componente sumindo ao usar position absolute

Falaa pessoal, boa tarde! Seguinte, estou com um problema relacionado ao meu css e não estou conseguindo resolver. O problema ocorre pois em uma <ul> eu tenho 3 ícones de botão(aceitar, cancelar ...
Rafael Victor's user avatar
2 votos
2 respostas
1mil visitas

Como fazer um window.scrollTo(0,0) sem animação

Tenho uma aplicação React que em determinadas situações (por causa do react-router) devo fazer um scroll até o topo da página. O problema é que na maioria dos casos o scroll deve ser animado e em ...
Leandro Santiago Gomes's user avatar
1 voto
1 resposta
195 visitas

Div em react não está aparecendo

Estou tendo um problema na tentativa de clonar o front do trello e o problema começa a ocorrer quando tento inserir as colunas. Eu possuo um data que armazena os dados da coluna e dos tickets. Com os ...
Rafael's user avatar
  • 23
1 voto
1 resposta
508 visitas

Como editar o CSS de uma imagem Link feita pelo <a>

Queria arredondar as bordas de uma imagem que ela foi feita com a tag <a> do HTML, mas estou totalmente perdido. Esse foi o código que usei pra importar a imagem: <a className="imagepost&...
Wellington A. Moreira's user avatar
0 votos
1 resposta
848 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 ...
Pedro's user avatar
  • 19
-1 votos
1 resposta
406 visitas

Atribuindo Style CSS em componente irmão (active)

Como fazer com que ao chamar a ação .burger:active alterar o style do componente menu no mesmo nivel hierárquico components/Nav/index.js import React from "react"; import { NavContainer } from "./...
Bruno Henrique's user avatar
-1 votos
1 resposta
585 visitas

(React) Bootstrap sobrescrevendo meu css

Olá, pessoal. Eu sou iniciante com react e eu estava desenvolvendo uma aplicação front-end e decidi usar o bootstrap pra fazer um slide. Instalei o bootstrap através do npm install e ainda instalei o ...
Maria Beatriz Almeida's user avatar
0 votos
1 resposta
260 visitas

Como aplicar uma classe css em um elemento filho de um componente com javascript?

Possuo um componente chamado <PDFDownloadLink> que preciso alterar o filho <a> que ele possui. Com css syntaxe eu faria algo como: PDFDownloadLink a { } Como poderia fazer o semelhante ...
veroneseComS's user avatar
  • 2.819
0 votos
1 resposta
1mil visitas

Estilizando componentes no React

Estou iniciando meus estudos/desenvolvimento com React porém estou com um problema na estilização dos componentes. Mesmo importando o arquivo CSS no no meu componente,o estilo não está pegando. Como ...
Eric Rosário's user avatar
-2 votos
1 resposta
774 visitas

mudar cor de icone com hover ant design

gostaria de mudar a cor de um ícone quando faço um hover, estou usando ant design <button className="button1"> <div className="content"> <Icon type="...
Lívia Belizário's user avatar
2 votos
0 respostas
496 visitas

Como configuro o WebPack e arquivo package.json para rodar o projeto React?

Fiz todas as configurações necessárias do WebPack e o projeto inicia, porém aparentemente não roda o css no projeto e só fica uma tela em branco. Antes das configurações do WebPack meu Package.json ...
Tiago_Albuquerque's user avatar
0 votos
2 respostas
4mil visitas

Como usar variáveis de objeto JS para cores no CSS

se eu tenho um objeto JS por ex: cores = { main: "#333", institutional: "blue" } e eu uso styled components para montar meus estilos css então crio ele assim: styled.View` background-color: ...
Julio Henrique's user avatar
1 voto
1 resposta
410 visitas

Background dinamico com CSS? Como fazer?

eu tenho uma dúvida, é possível a troca de background conforme uma condição? Exemplo: function A() { if (meuArray.length === 7) { eu quero background verde } else { background ...
Jota's user avatar
  • 527
4 votos
1 resposta
4mil visitas

Como criar MASK com JS puro no React

Estou transformando um site HTML, CSS e jQuery em React porém vi que o uso do jQuery é defasado no React já que é possível criar alguns componentes de forma mais rápida e simples, minha dúvida é como ...
Mike Otharan's user avatar
0 votos
1 resposta
300 visitas

React Native Maps - CSS AJUDA

Estou tentado fazer com que um icone fique sob o mapview no meu projeto, dessa forma: Mas atualmente esta assim: Codigo: <View style={styles.viewMaps}> {this.state.ready &...
Henrique Hermes's user avatar
2 votos
1 resposta
149 visitas

React.js Falha Manipulando Eventos

Estou a começar a aprender React.js vendo alguns vídeos, tutoriais e documentação. No entanto, estou a ter um problema com o meu código no Google Chrome aparece assim desta forma: E no Firefox nem me ...
Francisco Maria Calisto's user avatar