Eu tenho um aplicativo react / redux que busca um token de um servidor API. Após a autenticação do usuário, gostaria de fazer com que todas as solicitações axios tivessem esse token como um cabeçalho de autorização sem ter que anexá-lo manualmente a cada solicitação na ação. Eu sou bastante novo no...
Estou tentando adicionar um componente do mapa React ao meu projeto, mas ocorreu um erro. Estou usando Fullstack Reagir do post como uma referência. Eu localizei onde o erro é gerado na linha 83 do google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof...
A história é que eu deveria colocar Bob, Sally e Jack em uma caixa. Também posso remover qualquer um da caixa. Quando removido, nenhum slot é deixado. people = ["Bob", "Sally", "Jack"] Agora preciso remover, por exemplo, "Bob". A nova matriz seria: ["Sally", "Jack"] Aqui está o meu componente...
Eu sou um desenvolvedor angular e novo no React, este é um componente simples do react, mas não está funcionando import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath'...
Qual é o tipo correto para eventos React. Inicialmente eu apenas usei anypor uma questão de simplicidade. Agora, estou tentando limpar as coisas e evitar o uso anycompleto. Então, de uma forma simples como esta: export interface LoginProps { login: { [k: string]: string | Function uname:...
Estou testando um componente React com renderização superficial Jasmine Enzyme. Simplificado aqui para os fins desta pergunta ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ......
Eu tenho elementos de formulário com labels e quero ter IDs exclusivos para vincular labels a elementos com htmlForatributo. Algo assim: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); } }); Eu...
Estou ouvindo o termo "montar" muitas vezes enquanto aprendo o ReactJS. E parece haver métodos e erros do ciclo de vida em relação a esse termo. O que exatamente o React quer dizer com montagem? Exemplos: componentDidMount() and
Eu tenho um formulário que é usado para criar, ler, atualizar e excluir. Criei 3 componentes com a mesma forma, mas passo-os diferentes adereços. Eu tenho CreateForm.js, ViewForm.js (somente leitura com o botão excluir) e UpdateForm.js. Eu costumava trabalhar com PHP, então sempre fazia isso de...
É possível incorporar a marcação SVG em um componente ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Resultados no erro: Os atributos do espaço para nome não são suportados. ReactJSX...
Estou tentando usar event.stopPropagation () dentro de um componente ReactJS para impedir que um evento click borbulhe e desencadeie um evento click anexado ao JQuery no código legado, mas parece que o stopPropagation () do React apenas interrompe a propagação para eventos também anexado no React,...
Acabei de descobrir que a this.setState()função react em qualquer componente é assíncrona ou é chamada após a conclusão da função na qual foi chamada. Agora pesquisei e encontrei este blog (a operação de mutação do estado setState () pode ser síncrona no ReactJS ) Aqui ele descobriu que setStateé...
Eu sou novo no ReactJS e na interface do usuário e queria saber como fazer uma simples chamada POST baseada em REST a partir do código ReactJS. Se houver algum exemplo presente, seria realmente
Quero criar um sistema de bate-papo e rolar automaticamente para baixo ao entrar na janela e quando novas mensagens aparecerem. Como rolar automaticamente para a parte inferior de um contêiner no
Como detecto pressionar a tecla Esc nos reactjs? A mesma coisa que jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); Uma vez detectado, quero passar as informações aos componentes. Eu tenho três componentes, dos...
Sou iniciante em javascript / redux / react, criando um pequeno aplicativo com redux, react-redux e react. Por algum motivo, ao usar a função mapDispatchToProps em conjunto com connect (ligação react-redux), recebo um TypeError indicando que o despacho não é uma função quando tento executar o prop...
Ambos têm rota, link, etc. Quando usar um ou outro? Estou muito confuso sobre onde usar cada um. Lado do servidor? Do lado do cliente? https://reacttraining.com/react-router/ Em alguns exemplos, você precisa passar a história, em outros não. O que fazer? <Router
Eu estava trabalhando create-react-appe me deparei com esse problema de ondeHome does not contain an export named Home . Aqui está como eu configuro meu App.jsarquivo: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from...
Estou construindo um pequeno aplicativo de reação e minhas imagens locais não carregam. Imagens como placehold.it/200x200cargas. Eu pensei que talvez pudesse ser algo com o servidor? Aqui está meu App.js import React, { Component } from 'react'; class App extends Component { render() { return...
Se as lojas mantiverem seu próprio estado e tiverem a capacidade de chamar serviços de rede e armazenamento de dados ao fazê-lo ... nesse caso, as ações serão apenas passadores de mensagens idiotas, -OU- ... as lojas devem ser idiotas de dados imutáveis das ações (e as ações são aquelas que...