Articles of reactjs

O mapa da matriz ES6 não retorna nada: ReactJS

Eu tenho uma matriz e eu tenho um valor de seqüência simples. Eu quero mapear minha matriz porque eu tento encontrar meu valor de string. Eu tenho um código como este, mas a function map não retorna nada: / class Application extends React.Component { constructor(){ super(); this.state = { questionAnswer: ‘is that possible’, question: [‘is’, […]

Manipulando solicitação assíncrona com React, Redux e Axios?

Eu sou novo para Reagir JS e Redux e tem sido muito grande para ir. Estou tentando fazer uma solicitação POST usando o Axios, mas não consigo fazer isso. Pode ser que eu esteja faltando alguma coisa no arquivo contêiner. Abaixo está o código. Verifique plnkr Atualização: Estou recebendo a mensagem @@ redux-form / SET_SUBMIT_SUCCEEDED […]

Como retornar várias linhas JSX em outra instrução de retorno no React?

Linha única funciona bem render: function () { return ( {[1,2,3].map(function (n) { return {n} }} ); } não para múltiplas linhas render: function () { return ( {[1,2,3].map(function (n) { return ( Item {n} Description {n} ) }} ); } Obrigado.

Evento OnChange usando o React JS para drop down

var MySelect = React.createClass({ change: function(){ return document.querySelector(‘#lang’).value; }, render: function(){ return( Select Java C++ ); } }); React.render(, document.body); O evento onChange não funciona.

Detectar clique fora do componente React

Eu estou procurando uma maneira de detectar se um evento de clique aconteceu fora de um componente, conforme descrito neste artigo . jQuery closer () é usado para ver se o destino de um evento click tem o elemento dom como um de seus pais. Se houver uma correspondência, o evento click pertence a um […]

this.setState não está mesclando estados como eu esperaria

Eu tenho o seguinte estado: this.setState({ selected: { id: 1, name: ‘Foobar’ } }); Então eu atualizo o estado: this.setState({ selected: { name: ‘Barfoo’ }}); Desde setState é supor para mesclar eu esperaria que fosse: { selected: { id: 1, name: ‘Barfoo’ } }; Mas em vez disso, ele come o id e o estado […]

ReactJS: Por que está passando o estado inicial do componente um prop um anti-padrão?

Eu criei um pequeno painel ReactJS com a ajuda do SocketIO para atualizações ao vivo. Mesmo que eu tenha o painel de atualização, me incomoda que eu não tenho certeza se fiz isso corretamente. O que mais me incomoda são os Props em getInitialState como postagem anti-padrão . Eu criei um painel que recebe atualizações […]

Passar vários parâmetros para manipuladores de events no React

Então estou tentando fazer reagir funcionar com a syntax ES6. No ES5, eu tinha setInitialState sem um construtor que funcionasse com a syntax de binding de function. Eu tenho uma lista de preços que é arbitrária e eu quero que o estado mude quando o elemento de input é alterado. Mas o preço certo tem […]

Reaja this.setState não é uma function

Sou novo no React e estou tentando escrever um aplicativo trabalhando com uma API. Eu continuo recebendo este erro: TypeError: this.setState não é uma function quando eu tento manipular a resposta da API. Eu suspeito que é algo errado com essa binding, mas não consigo descobrir como consertar isso. Aqui está o código do meu […]

Atualizar estilo de um componente onScroll em React.js

Eu construí um componente no React que deve atualizar seu próprio estilo na rolagem da janela para criar um efeito de paralaxe. O método de render componente se parece com isto: function() { let style = { transform: ‘translateY(0px)’ }; window.addEventListener(‘scroll’, (event) => { let scrollTop = event.srcElement.body.scrollTop, itemTranslate = Math.min(0, scrollTop/3 – 60); style.transform […]