Skip to main content

Todas as perguntas

Com as tags
Filtrar por
Ordenado por
Com tags
0 votos
2 respostas
303 visitas

bind( ) no JavaScript / React - Dúvida

por que eu preciso, necessariamente, fazer o bind() de uma função dentro de um construtor? tipo: constructor (props){ super(props); this.funcao = this.funcao.bind(this); } Não daria pra ...
user avatar
-1 votos
1 resposta
393 visitas

Como faço para abrir um modal com o video do youtube com diferentes videoID`s?

Oie pessoal, estou desenvolvendo um site com todo o meu portfolio e nele vai ter alguns vídeos que estão no youtube. No evento OnClick abre um modal com o vídeo, puxando o ID dele pelo videoID. Eu ...
Lucas Tonon's user avatar
0 votos
2 respostas
959 visitas

Erro ao instalar adonisJS

Olá estou tentando instalar o adonis mas está dando erro (já rodei com o comando sudo npm i -g @adonisjs/cli): gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied, mkdir '/usr/...
Thales Vinicius's user avatar
1 voto
2 respostas
213 visitas

Propriedade .map não consegue acessar o objeto corretamente

Estou conseguindo obter informações de um objeto quando acesso em certos pontos, mas um em específico não está acessível, situação: Quando eu acesso o item.title ele retorna corretamente o valor do ...
Castro's user avatar
  • 13
1 voto
1 resposta
514 visitas

Como manter o setState usando o Router no React?

Estou iniciando meus estudos com React a precisava de uma ajuda: eu tenho uma aplicação que mostra uma lista de "soluções". Nela também tem um botão que vai para uma página nova (que eu programei via ...
Bianca Pereira's user avatar
1 voto
0 respostas
205 visitas

Não consigo aumentar a largura do meu input

Não consigo aumentar a largura desse input. Uso bootstrap e css. No meu código, não tem essa tag input... <div className="form-group col-sm-12 col-lg-8"> ...
Verônica Emschermann's user avatar
5 votos
2 respostas
353 visitas

Por que não preciso declarar o parâmetro na função?

Na documentação do React ele traz um exemplo de form, quando o input recebe algum valor a propriedade onChange é chamada com a função handleSubmit(event) dessa maneira onChange={this.handleChange} ...
Davi Wesley's user avatar
0 votos
0 respostas
4mil visitas

como fazer um carrinho de compras simples com react js

eu gostaria de saber como se faz uma simples adição de compra no react js mostrando a quantidade de items adicionado em uma div e o preço calculado sempre que adicionar um novo item, eu ja baixei ...
Anderson Garden's user avatar
0 votos
0 respostas
189 visitas

Como integrar jquery-ui com react?

Estou com dúvida... gostaria de integrar o jquery-ui com react... estou criando uma calculadora e não sei como fazer para que ela se mova sobre a tela. Estou tentando colaborar com software livre e ...
PauloMiguel's user avatar
-1 votos
2 respostas
4mil visitas

React JS + PHP ajuda

Bem estou com dificuldade e não achei uma solução ainda, queria desenvolver um crud usando ReactJS + PHP + Mysql; Fiz um arquivo php que retorna um objeto JSON para que eu possa acessar ele pelo ...
Everton Fernandes's user avatar
0 votos
1 resposta
33 visitas

Como iterar uma url no Javascript [fechada]

Tenho uma tag img e necessito iterar o src, alterando dentro de um map a uri. ex: ../assets/images/personagens/${index}.jpg, cujo index é o parâmetro do map, porém o javascript não permite esta ação ...
Matheus Maricondi's user avatar
-1 votos
1 resposta
3mil visitas

Component de graficos para React Native? [fechada]

Olá eu sou novo no desenvolvimento com react native, existe algum bom componente gráfico para a plataforma?
Maicon W. Passos's user avatar
-1 votos
1 resposta
98 visitas

Como indicar apenas um elemento em funções onMouseEnter no REACTJS

Preciso fazer que, quando passarmos o mouse (hover) em um link, seja mostrado apenas um objeto, não vários. Meu código abaixo: import React from "react"; import { NavLink } from "react-...
Guilherme Moreira's user avatar
3 votos
2 respostas
595 visitas

Problema com React e Redux

Olá... estou estudando o React e agora com Redux. Estou tentando fazer um simples exemplo: Onde tenho um input e button, quero digitar um valor no input e ao clicar no botão pegar o valor e somar 1. ...
Alex Passos's user avatar
0 votos
1 resposta
86 visitas

Import Once JavaScript

Tenho dois componentes no meu projeto em ReactJs, que usam o google recaptcha. Porém, como são dois, cada vez que eu chamo ele é como se ele entendesse que eu quisesse carregar o "import ReCaptcha ...
Ana Alice's user avatar
0 votos
4 respostas
987 visitas

Retornar valor AsyncStorage em uma constante

Estou tentando há algum tempo retorna um item armazenado no AsyncStorage do react native, porém o retorno é sempre uma Promise, porém o que desejo é tomar decisões com esse retorno posteriormente, e ...
Mateus Paixão's user avatar
0 votos
1 resposta
474 visitas

ReactJs dúvida sobre nomenclaturas

Olá, Estou estudando o ReactJs e estou com uma dúvida referente a nomenclatura das funções. Vejo nos tutoriais e nos post o pessoal colocar sempre: handleClick; handleSend O que é esse handle? E ...
Alex Passos's user avatar
3 votos
1 resposta
633 visitas

Separar JSX do componente - React Native

Existe alguma forma de, no React Native, colocar todo o JSX em um arquivo separado sem ter risco de diminuir a performance do App? Tipo o Angular que tem um arquivo para o HTML, outro para o CSS e ...
Bruno Eduardo's user avatar
0 votos
1 resposta
64 visitas

React native Swiper não muda activeDot

Boa tarde, estou criando uma lista com o swiper porém depois de renderizar ele não muda o activeDot var obj = -1 const render = _.map(this.state.arrayFavorites, (itens) => { obj++ ...
Jason Beestart's user avatar
1 voto
1 resposta
77 visitas

Função onClick no dentro de um form não está a funcionar corretamente

Por alguma razão, a função onClick pertencente a cada uma das imagens não está a funcionar corretamente... "index" deveria ser o indice da própria imagem, mas o React age como que todas as imagens ...
Simmy's user avatar
  • 13
0 votos
1 resposta
207 visitas

Usando Provider no Context do ReactJs

Estou tentando usar o Context do ReactJs porém não consigo que a o Provider atribua o valor a variável de contexto. sempre que verifico a variável vazia. Context: import React from 'react' const ...
Jason Beestart's user avatar
0 votos
2 respostas
5mil 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 ...
Gabriel Crevelario's user avatar
2 votos
1 resposta
7mil visitas

undefined is not an object (evaluating '_this.props.navigation.navigate') React Native

Tenho essa função signOut que eu chamo através de um botão, porém quando eu aperto no sair, onde ele chama um onPress: () => this.props.navigation.navigate('SignIn') ele retorna o seguinte erro ...
Vinnicius Gomes's user avatar
15 votos
3 respostas
758 visitas

Quais as principais diferenças e vantagens de usar o Shadow DOM e o Virtual DOM?

Analisando criteriosamente visando uma melhor performarce de uma aplicação, quais os principais benefícios em usar um ou outro e suas diferenças? O Angular por exemplo trabalha com a abordagem do ...
Getulio Rafael Ferreira's user avatar
0 votos
1 resposta
89 visitas

Forçar classe no react a usar arrow function com eslint

Como faço pro ESLint dar erro quando alguém no projeto usar functions dentro de uma class que necessitam de bind no lugar de uma arrow function
joao victor's user avatar
1 voto
2 respostas
65 visitas

Duvida na estrutura do código

Nesse codigo: class ShoppingList extends React.Component { render() { return ( <div className="shopping-list"> <h1>Shopping List for {this.props.name}</h1> ...
Matheus Lima's user avatar
0 votos
1 resposta
2mil visitas

React - Porque o uso de uma variável global para armazenar o this faz o react enxergar apenas a última referência?

Eu estou aprendendo reactjs e me deparei com uma situação que preciso de ajuda para entender, e por ser específico não consegui encontrar nenhuma referência sobre isso. Tenho o arquivo Input.js ...
Danillo Parreira's user avatar
0 votos
0 respostas
2mil visitas

salvando dados de autenticação no localStorage react js

Estou desenvolvendo uma aplicação em Reactjs e utilizando axios para trabalhar com as requisições e preciso manter os dados do usuário salvos no localStorage, porem esta faltando alguma coisa no meu ...
Helder Grunewald's user avatar
1 voto
2 respostas
8mil visitas

Como chamar duas funções no onClick (ReactJS)?

Aqui estão minhas duas funções, chamaLogin = () => { this.setState({ redirect: true }); }; ---------------------------------------------------------...
Verônica Emschermann's user avatar
1 voto
1 resposta
110 visitas

Chamando método do Controller e recebo o print da função

Quando eu chamo o Método do Controller para listar os usuarios, ao inves de me retornar a array ele me retorna o print da função Código do controller: export default userController = { Listar: ()...
CJuniorJR's user avatar
-1 votos
1 resposta
531 visitas

Carregar rota ao clicar no menu dentro um componente (Dashboard)

Agora estou utilizando o adonis (amo o laravel) e to fazendo o case do ReactJs aqui do blog. mais me deparei com a seguinte situação: Tenho um dashboard admin, aonde o mesmo possui: Header.js (...
Luiz Dantas Design's user avatar
-1 votos
1 resposta
55 visitas

Class passar função

Preciso utilizar o mesmo botão em paginas diferentes e com funções diferentes Como posso passar a função pro botão ? class App extends Component { render(){ return( <View> ...
Developer2002's user avatar
3 votos
2 respostas
45mil visitas

Como redirecionar para uma rota usando onClick e React Router

Tenho uma tela (em React.js) chamada Cadastro.js. Nela eu tenho um formulário e o botão cadastrar Ao clicar nesse botão, queria que direcionasse para a tela de login, que é a Login.js. Como faço ...
Verônica Emschermann's user avatar
2 votos
1 resposta
288 visitas

Async/await javascript

Como posso deixar o código abaixo menos bagunçado com asnyc/await? class Backend { getUsers(callback){ const database = firebase.database().ref('users/') const onReceive = (data) => ...
Developer2002's user avatar
0 votos
1 resposta
738 visitas

Erro ao instalar React

Estou tentando instalar reagir mas quando eu digito o comando: npm install -g criar-reagir-app ele me retorna um erro Por favor me ajude a entender o motivo que eu recebo esse erro
Yan Silva's user avatar
7 votos
1 resposta
10mil visitas

Diferença entre comandos onClick no React

Quando se tratando de funções de callback no ReactJS, qual é a diferença entre as opções abaixo? onClick={() => this.onFunctionCickCall()} onClick={this.onFunctionClickCall()} onClick={this....
Felipe Rocha's user avatar
0 votos
0 respostas
1mil visitas

TypeError: this.props.user.map is not a function - React Js

Olá, estou treinando um pouco react com a api do github. Eu dividi meu componente em um card (tem as informações dos usuários e etc) e na view. Eu estou fazendo o fetchData na view e renderizerando ...
João Santos's user avatar
1 voto
2 respostas
152 visitas

Problema com setState em React Native: "Can't call 'setState' on a component that is not yet mounted."

tudo bem? Eu sou iniciante em React Native e nesse app que eu estou fazendo eu não consigo chamar o 'setState' no método que eu criei. O nome do método que eu criei se chama includingMed() e eu chamo ...
Pablo Barbosa's user avatar
0 votos
0 respostas
145 visitas

Item do map() passando por várias requisições

O código abaixo funcionou da forma que eu queria mas no último teste algo deu errado. Eu faço um map onde o item passava por várias requisições e no final eu definia meu objeto e daí um novo item ...
Cristiano's user avatar
2 votos
1 resposta
226 visitas

Carregar o valor do state no componentDidMount formatado por moeda

Estou querendo carregar um valor definido no state da aplicação. Usando um lib para formatar o input e colocar mascara de moeda formato Real (react-intl-currency-input). Só que ele não carrega o ...
Marcus Maciel's user avatar
1 voto
1 resposta
6mil visitas

Alterar cor do elemento com React

Estou tentando alterar a cor de um elemento com base na string do status. Ex.: Verde para 'Ativo', Vermelho para 'Inativo', Cinza para 'Bloqueado' Consegui fazer isso em JS Puro, porém estou tendo ...
felipenoka's user avatar
0 votos
1 resposta
3mil visitas

Consumir dados e fazer Formulário Dinâmico com o React

Preciso consumir os dados de um webservice para criar uma interface de formulário para preenchimento dinâmica, ou seja, que deva se adaptar a estrutura do formulário recebida pelo webservice e não ser ...
BobeCampos's user avatar
0 votos
1 resposta
4mil visitas

Rotas Privada ReactJS e React Router

É possível implementar rotas privadas recebendo um token JWT no header e informações no body no ReactJs com o React Router?
Vinicius Dantas's user avatar
1 voto
1 resposta
597 visitas

Existe alguma forma de bloquear a renderização de um determinado componente no React?

Preciso bloquear a renderização de um certo tipo de componente, por exemplo: <td>{props.children}</td> Preciso capturar o componente que pode ser passado no children e bloquear sua ...
Emerson Vieira's user avatar
0 votos
2 respostas
2mil visitas

Pegar variavel parametro função JavaScript/React

Como eu faço para pegar um parâmetro de uma função e usar para pegar uma variável? Por exemplo, nesse código: import React, { Component } from 'react'; export default class Home extends Component { ...
rogomazagu's user avatar
-1 votos
1 resposta
300 visitas

Fechar modal Ant Design com ESC

Preciso fechar um modal do Ant Design com ESC. Estou usando React. Tenho essa função que fecha o modal, mas estou com dificuldades de implementar no código. Podem me ajudar? handleOk = (e) => { ...
Lucas Augusto Coelho Lopes's user avatar
4 votos
1 resposta
6mil visitas

Como passar parâmetros em eventos no React?

Assumindo o código abaixo (linha 15): import React from 'react' import ReactDOM from 'react-dom' const items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] function App() { function handleClick(item) { ...
Luiz Felipe's user avatar
  • 36,5mil
1 voto
1 resposta
881 visitas

Como posso esconder um Component quando a busca de login estiver concluida

Como eu posso pegar esconder um componente quando o resultado do banco estiver concluído. Código: import React, { Component } from 'react'; import axios from 'axios'; class Login extends Component {...
Freitas's user avatar
  • 49
1 voto
0 respostas
145 visitas

É possível inserir ao mesmo input, mas com dois valores diferentes usando Ant.design?

Estou usando o React + Ant.design e preciso criar uma Table onde cada linha receba o mesmo input, no entanto ele deve ter valores diferentes, o jeito que estou fazendo o segundo valor substitui o ...
Gustavo Chagas's user avatar
0 votos
1 resposta
52 visitas

ID undefined na função Auth.currentUserInfo() aws-sdk

Olá estou usando o sdk da aws, para recuperar as informações do usuario logado estou chamando o método: Auth.currentUserInfo(); Mas ele volta o objeto: attributes: { sub: "13fd444d-2b2c-4d5c-...
Julio Henrique's user avatar