Articles of reactjs

Div rolável para ficar no fundo, quando div externo muda de tamanho

Aqui está um exemplo de aplicativo de bate-papo -> A ideia aqui é que o .messages-container ocupe o máximo possível da canvas. Dentro de .messages-container , .scroll mantém a lista de mensagens e, caso haja mais mensagens, o tamanho da canvas será exibido. Agora, considere este caso: O usuário rola para o final da conversa […]

Erro de análise: os elementos JSX adjacentes devem ser agrupados em uma tag delimitadora

Estou tentando configurar meu aplicativo React.js para que ele seja processado apenas se uma variável definida por mim for verdadeira. A maneira como minha function de renderização é configurada se parece com: render: function() { var text = this.state.submitted ? ‘Thank you! Expect a follow up at ‘+email+’ soon!’ : ‘Enter your email to request […]

Nome do componente dynamic React / JSX

Eu estou tentando dinamicamente renderizar componentes com base em seu tipo. Por exemplo: var type = “Example”; var ComponentName = type + “Component”; return ; // Returns instead of Eu tentei a solução aqui proposta nomes de componentes dynamics React / JSX Isso me deu um erro ao compilar (usando o browserify para gulp). Esperava […]

reactjs dando erro Uncaught TypeError: Super expressão deve ser nula ou uma function, não indefinida

Eu estou usando reactjs. Quando eu corro o código abaixo, o navegador diz: Uncaught TypeError: Super expressão deve ser nula ou uma function, não indefinida Quaisquer sugestões sobre o que está errado seriam apreciadas. Primeiro a linha usada para compilar o código: browserify -t reactify -t babelify examples/temp.jsx -o examples/public/app.js E o código: var React […]

Reagir: o manipulador onClick está sendo chamado em todas as renderizações?

Eu estou aprendendo React, e segui este tutorial para criar um jogo Tic-Tac-Toe simples que você pode ver aqui no CodePen. Estou confuso sobre como a function de seta funciona na propriedade onClick do componente Square que está sendo retornado dentro da function renderSquare do componente Board: onClick={() => this.props.onClick(i)} . E também novamente da […]

Por que usar o Redux no Facebook Flux?

Eu li essa resposta , reduzindo o clichê , olhei alguns exemplos do GitHub e até tentei redux um pouco (todo apps). Pelo que entendi, as motivações oficiais do redux doc oferecem vantagens em comparação às arquiteturas MVC tradicionais. MAS não fornece uma resposta para a pergunta: Por que você deveria usar o Redux no […]

Reagir componente stateless funcional, PureComponent, Component; Quais são as diferenças e quando devemos usar o que?

Vimos que a partir do React v15.3.0 , temos uma nova class base chamada PureComponent para estender com o PureRenderMixin embutido. O que eu entendo é que, sob o capô, isso emprega uma comparação superficial de adereços dentro de shouldComponentUpdate . Agora temos 3 maneiras de definir um componente React: Componente stateless funcional que não […]

Onde deve ser feito o pedido ajax no aplicativo Flux?

Estou criando um aplicativo react.js com arquitetura de stream e estou tentando descobrir onde e quando um pedido de dados do servidor deve ser feito. Existe algum exemplo disso? (Não TODO app!)

O que é o uso da declaração de importação do Curly Braces in ES6

Eu posso ver que existem duas maneiras diferentes de importar import React from ‘react’ import { render } from ‘react-dom’ o segundo tem colchetes. Então qual é a diferença entre os dois? e quando devo adicionar colchetes? obrigado

Ligação de evento OnClick em React.js

Eu gostaria de passar o ID div pai, no clique desse div ou qualquer elemento filho da mesma div . Mas eu sou incapaz de conseguir isso. Por favor, diga-me onde estou cometendo um erro. Código está abaixo: viewMore: function(i,j){ console.log(‘You clicked: ‘, i ); }, render : function(){ var attributeId = “groups_”; attributeId+= index; […]