Perguntas com a tag [react-dom]
O pacote react-dom provê métodos específicos para o DOM que podem ser usados no nível superior de sua aplicação como uma válvula de escape para sair do modelo do React se você precisar. A maioria de seus componentes não devem precisar deste módulo.
34
perguntas
-3
votos
1
resposta
34
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 ...
-2
votos
1
resposta
144
visitas
Como criar uma rota Privada em React e mostrar somente se o usuário estiver autenticado através de um Token
Estou seguindo a lógica de um video que vi da rockseat. Ao executar o programa, recebo a mensagem [PrivateRoute] is not a <Route> component. All component children of <Routes> must be a &...
0
votos
0
respostas
154
visitas
Como criar um relógio com uma classe em React?
O professor da minha faculdade passou a seguinte tarefa:
Crie um componente React usando classe que represente um relógio e utilize os métodos de ciclo de vida para ativar e desativar o relógio. Crie ...
1
voto
1
resposta
141
visitas
Como Reutilizar um component com outro css - Styled Components
Seguinte, juro que testei vários métodos mas não obtive sucesso. Tenho esse componente de Button que está na cor verde, e gostaria que sempre que eu reutilizar ele eu possa trocar o Background para ...
-3
votos
1
resposta
401
visitas
'Component' is defined but never user no-unused-vars React
Estou usando o React pela primeira vez e está dando esse erro quando crio um componente e exporto para ser instancionado no index.js
src\index.js
Line 4:8: 'firstComponent' is defined but never ...
-2
votos
1
resposta
376
visitas
Como criar rotas privadas com react js
Estou precisando criar robtas privadas que so podem ser acessadas se o usuario recebeu um token valido e caso ele n tenha validado va para pagina de login.
Vi um codigo em outra pergunta mas o mesmo n ...
-1
votos
1
resposta
835
visitas
React - Como criar um evento para um botão que ao clicar leva o cursor para um input de pesquisa na página
Fala, galera! Meu primeiro post aqui no site. Queria saber como conseguiria criar um evento de clique pra esse componente Header "Digite algum termo de pesquisa ..." o qual ao clicar leva o ...
1
voto
1
resposta
72
visitas
Problema ao renderizar o component que possui uma função no useEffect
Criei em meu projeto um componente "Slide show" que possui a função abaixo para efetuar o slide automático. Porém, ao ir para outra página usando a função push do useHistory history.push('/...
2
votos
1
resposta
457
visitas
Como usar o hook do React useRef com o componente NumberFormat?
Eu estou usando a lib react-number-format para pegar um valor como moeda formatada em meu form e então salvar ele num estado. Atualmente está dessa forma:
<NumberFormat
thousandSeparator={...
0
votos
1
resposta
28
visitas
Elementos JSX incluidos em closing tag
Ao criar a div com o nome de SERVIÇOS exibe o seguinte erro:
Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?
<div id="start"&...
2
votos
1
resposta
347
visitas
Problema de "chave" Única React
Estou tentando criar um jogo de xadrez usando React. Tô indo muito bem, exceto por este erro. Este é meu código:
import "./style.css";
function App() {
const squares = []; //squares ...
-1
votos
1
resposta
44
visitas
Passando método com parâmetro
É possivel eu utilizar uma função do componente pai que atualiza o estado desse mesmo componente em OUTRO componente? (esta função possui um parâmetro que seria o novo valor a ser atualizado)
Esta é a ...
0
votos
2
respostas
1mil
visitas
Ordenar array dentro de outro array com ReactJS
Pessoal montei uma tabela com os dados de um array onde terá pontos de ataque e defesa de cada player associado a uma equipe. Terá o total de pontos de ataque e defesas de cada player e um último ...
5
votos
1
resposta
2mil
visitas
State retornando valor errado / atrasado
A aplicação: ao clicar em algum botão, um evento onClick é disparado e um fetch à uma API que retorna dados em JSON é realizada. Logo após esses dados serem transformados em um objeto, a aplicação ...
0
votos
0
respostas
2mil
visitas
React componente renderizando duas vezes
Pessoal estou com um problema em que meus componente são renderizados 2/3 vezes e estou desconfiado de uma implementação, porém não tenho certeza se é culpa dela.
A implementação é a seguinte, tenho ...
0
votos
1
resposta
1mil
visitas
Componente é renderizado novamente sempre que estado de algum input é alterado
Bom dia galera. Estou desenvolvendo uma aplicação onde o registro do usuário é de acordo com a opção que o mesmo seleciona " Fisica ou Juridica ". De acordo com a opção que ele escolhe um ...
1
voto
3
respostas
3mil
visitas
Como estruturar pastas e arquivos React Js?
Estou começando aprender React Js e estou com a intenção de criar um site nele, porém fiquei com uma dúvida.
O React Js é a base de componentes, certo?
Eu tenho o App.js onde eu chamo os meus ...
0
votos
2
respostas
76
visitas
Como utilizar o ReactDOM para criar buttons através de condições
Como eu posso criar esses buttons dentro da minha <div className="box-statusA"> quando chegar nos indices dos status escolhido
import React, {useState} from 'react';
import ReactDOM from '...
-1
votos
1
resposta
164
visitas
Problemas com o WithRouter do react-router-dom
Se liga, eu comecei a fazer um app e precisava de um menu de cabeçalho pra a transição, seria esse um menu que é renderizado em toda página. Por isso ele foi criado e é ultilizado fora das . Por isso ...
0
votos
1
resposta
635
visitas
ReactJS - setState não funciona com o primeiro Valor no onClick
Bom di!
Estou utilizando o React na versão 16.11.0 e toda vez que eu utilizo o setState utilizando função, o primeiro valor que eu seto, ele sempre vem em branco.
Segue o exemplo abaixo:
//...
0
votos
1
resposta
927
visitas
Componente em ReactJs re-renderizando componentes filhos sem necessidade, como contornar isso?
Quando um componente Pai atualiza consequentemente seu(s) Filho(s) também e(são) atualizado(s), sem que no minimo mude qualquer valor de suas props e states, por exemplo:
function Filho({item}) {
...
1
voto
1
resposta
28
visitas
Como seria o mesmo código em ReactJs utilizando Hook para resgatar o inicio da criação do componente?
Com o código logo abaixo quero simular o mesmo efeito com React Hook no componentWillMount método contido em classes para reactjs?
Exemplo abaixo com o código:
class Example extends React....
1
voto
1
resposta
11mil
visitas
A propriedade 'data' não existe no tipo 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly & Readonly<{ children?: ReactNode; }>'. ts(2322)
Português:
O tipo '{ data: undefined; }' não pode ser atribuído ao tipo
'IntrinsicAttributes & IntrinsicClassAttributes &
Readonly & Readonly<{ children?: ReactNode; }>'. A
...
0
votos
1
resposta
1mil
visitas
Redirecionamento após post em api com axios em ReactJS
Bom dia,
Estou tentando criar uma tela de login em ReactJS onde é feito um post em uma uma api, após enviar o e-mail e a senha do usuário, a API devolve o token de authenticação JWT.
Post na API ...
0
votos
2
respostas
4mil
visitas
Como colocar o endereço da imagem no src sem que tem que ser um component no react
Boa noite tenho um arquivo js com um array de objetos e uma dessas propriedades é imagem como eu faço para renderiza-la no src já tentei {item.image} mas é só uma string e o react aparentemente usa ...
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 ...
1
voto
1
resposta
2mil
visitas
Problema em chamada de api no React JS
Eu criei uma webapi em ASP.NET Core, e preciso consumi-la usando o React, a Web api funciona normalmente, se eu usar o curl ou Postman entre outros, ela funciona normalmente. O problema começa quando ...
1
voto
1
resposta
3mil
visitas
Como criar um componente React de select que no evento de bind "change" pegue o valor certo que foi selecionado?
Boa noite!
Estou tentando fazer um componente de select que seja usado mais de uma vez dentro de outro componente Pai.
Para criar as tags "option", eu faço um map dentro do array que criei como um ...
1
voto
1
resposta
1mil
visitas
Como atualizar propriedades no "setState" do React
Estou tentando adicionar objetos a 2 propriedade do componente FecthApis. Faço a chamada para as duas Api's, e recebo a requisição com os objetos esperados. Porém, quando tento incluir esses objetos ...
1
voto
1
resposta
2mil
visitas
Adicionando componente dinamicamente no React
Estou tentando adicionar um componente dinamicamente dentro de outro no React. De forma que eu clique em algum elemento e que no onClick ele adicione este componente junto a div especificada.
Tentei ...
5
votos
1
resposta
249
visitas
Bug ao reordenar lista de componentes React
Tenho um componente que carrega uma lista de componentes <ComponenteReordenavel> que é reordenado de acordo com o gosto do usuário. O bug acontece quando eu modifico o style desse componente e ...
0
votos
1
resposta
2mil
visitas
onClick em componentes criados dinamicamente React
Possuo um componente user-defined chamado <Match> que é criado dinamicamente dentro de outro componente <Event>. Porém ao colocar onClick no componente é estourado uma exceção. Como ...
11
votos
2
respostas
20mil
visitas
Como comentar bloco de código em JSX (React)
Quero saber se é possível comentar um bloco de código dentro do método render() no React, tentei de todas as formas que conheço e nenhuma deles funcionou.
render() {
return (
<div ...
2
votos
1
resposta
5mil
visitas
Destruir componente React (Unmounting Component)
Gostaria de saber como faço pra destruir um componente com React ao clicar em um botão. Encontrei uma saída, porém na minha concepção é bem "gambiarrosa". Tenho um state chamado show e quando click em ...