Todas as perguntas
Com as tags javascript react
846 perguntas
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 ...
-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 ...
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/...
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 ...
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 ...
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">
...
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} ...
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 ...
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 ...
-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 ...
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 ...
-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?
-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-...
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.
...
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 ...
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 ...
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 ...
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 ...
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++
...
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 ...
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 ...
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 ...
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
...
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 ...
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
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>
...
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
...
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 ...
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
});
};
---------------------------------------------------------...
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: ()...
-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 (...
-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>
...
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 ...
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) => ...
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
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....
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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?
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 ...
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 {
...
-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) => {
...
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) {
...
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 {...
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 ...
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-...