Todas as perguntas
34 perguntas
-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 ...
-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 ...
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, ...
-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 ...
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 ...
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={[
...
-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/...
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 ...
-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 ...
0
votos
1
resposta
207
visitas
Redimensionar imagens usando Bootstrap 5.1? [fechada]
e no CSS #header .imagem {
width: 100% }
-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.
...
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 (
...
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 ...
-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 ...
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, ...
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 < ...
-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>
...
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 ...
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 ...
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 ...
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 ...
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&...
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 ...
-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 "./...
-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 ...
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 ...
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 ...
-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="...
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 ...
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: ...
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 ...
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 ...
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 &...
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 ...