Há muita conversa sobre o garoto mais recente da cidade de redux agora, redux-saga / redux-saga . Ele usa funções de gerador para ouvir / despachar ações. Antes de entender, gostaria de saber os prós / contras do uso, em redux-sagavez da abordagem abaixo, na qual estou usando o redux-thunkasync /...
Eu tenho dois componentes Componente pai Componente filho Eu estava tentando chamar o método da criança de Parent, tentei dessa maneira, mas não consegui um resultado class Parent extends Component { render() { return ( <Child> <button
Estou tentando configurar meu React.js aplicativo para que ele seja renderizado apenas se uma variável que eu definir for true. A maneira como minha função de renderização é configurada se parece com: render: function() { var text = this.state.submitted ? 'Thank you! Expect a follow up at...
Eu quero adicionar um elemento ao final de uma statematriz, esta é a maneira correta de fazer isso? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Estou preocupado que modificar a matriz no local pushpossa causar problemas - é seguro? A alternativa de fazer...
Como posso definir uma rota no meu arquivo routes.jsx para capturar o __firebase_request_keyvalor do parâmetro de uma URL gerada pelo processo de logon único do Twitter após o redirecionamento de seus servidores? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Eu...
Estou procurando uma maneira de detectar se um evento de clique ocorreu fora de um componente, conforme descrito neste artigo . O jQuery closest () é usado para verificar se o destino de um evento click possui o elemento dom como um de seus pais. Se houver uma correspondência, o evento click...
Em um componente React para um <select>menu, preciso definir o selectedatributo na opção que reflete o estado do aplicativo. Em render(), o optionStateé passado do proprietário do estado para o componente SortMenu. Os valores da opção são transmitidos a partir propsdo JSON. render:...
Estou seguindo o tutorial no site oficial do React Native. Usando o seguinte para criar meu projeto: react-native run-ios Eu recebo o erro: Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in PATH Command failed: xcrun...
Estou tentando organizar meu estado usando propriedades aninhadas como esta: this.state = { someProperty: { flag:true } } Mas atualizando o estado assim, this.setState({ someProperty.flag: false }); não funciona Como isso pode ser feito
Eu recebo esse erro após uma página de exemplo trivial de React: Erro não capturado: Violação invariável: _registerComponent (...): O contêiner de destino não é um elemento DOM. Aqui está o meu código: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App =...
Estou trabalhando com o Javascript (ES6) / FaceBook reagindo e tentando obter os 3 primeiros elementos de uma matriz que varia em tamanho. Eu gostaria de fazer o equivalente ao Linq take (n). No meu arquivo Jsx, tenho o seguinte: var items = list.map(i => { return ( <myview item={i}...
Vi uma palestra do desenvolvedor do React em ( Pete Hunt: React: Repensando as melhores práticas - JSConf EU 2013 ) e o palestrante mencionou que a verificação suja do modelo pode ser lenta. Mas o cálculo da diferença entre DOMs virtuais na verdade é ainda menos eficiente, já que o DOM virtual, na...
Eu tenho um aplicativo no qual preciso definir a altura de um elemento (digamos "conteúdo do aplicativo") dinamicamente. Ele pega a altura do "cromo" do aplicativo e o subtrai e define a altura do "conteúdo do aplicativo" para caber 100% dentro dessas restrições. Isso é super simples com exibições...
Na versão atual do React Router (v3), posso aceitar uma resposta do servidor e usar browserHistory.pushpara ir para a página de resposta apropriada. No entanto, isso não está disponível na v4 e não tenho certeza de qual é a maneira apropriada de lidar com isso. Neste exemplo, usando o Redux,...
Eu tenho um componente de reação simples com o formulário que acredito ter uma entrada controlada: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form
Eu estava lendo a documentação da biblioteca Redux e ela tem este exemplo: Além de ler o estado, os componentes do contêiner podem despachar ações. De maneira semelhante, você pode definir uma função chamada mapDispatchToProps()que recebe o dispatch()método e retorna adereços de retorno de...
Minha estrutura é a seguinte: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 O componente 3 deve exibir alguns dados, dependendo do estado do componente 5. Como os objetos são imutáveis, não posso simplesmente salvar seu estado no componente 1 e...
Eu sou novo no ReactJS e JSX e estou tendo um pequeno problema com o código abaixo. Estou tentando adicionar várias classes ao classNameatributo em cada um li: <li key={index} className={activeClass, data.class, "main-class"}></li> Meu componente React é: var AccountMainMenu =...
Na função de renderização do meu componente, tenho: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ......
Acabei de substituir react-routerda v3 para a v4. Mas não sei como navegar programaticamente na função de membro de a Component. ou seja, na handleClick()função que deseja navegar /path/some/whereapós o processamento de alguns dados. Eu costumava fazer isso: import { browserHistory } from...