Perguntas com a marcação «reactjs»

Estou brincando com o React.js pela primeira vez e não consigo encontrar uma maneira de mostrar ou ocultar algo em uma página via evento click. Como não estou carregando nenhuma outra biblioteca para a página, estou procurando uma maneira nativa usando a biblioteca React. É isso que eu tenho até …

532 javascript  reactjs 

Estou recebendo este erro: Erro não capturado: Violação invariável: o tipo de elemento é inválido: espera-se uma sequência (para componentes internos) ou uma classe / função (para componentes compostos), mas obtém: object. Este é o meu código: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var …

528 reactjs  react-router 

Estou ciente de que você pode especificar estilos nas classes React, assim: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Devo ter o objetivo de criar todos os estilos dessa …

512 css  reactjs  inline-styles  react-jsx 

O React renderiza novamente todos os componentes e subcomponentes sempre que setStateé chamado? Se sim, por quê? Eu pensei que a idéia era que o React renderizasse apenas o necessário - quando o estado mudou. No exemplo simples a seguir, as duas classes são renderizadas novamente quando o texto é …

503 javascript  reactjs 

Como você executa debounce no React.js? Eu quero renunciar ao handleOnChange. Eu tentei com debounce(this.handleOnChange, 200)mas não funciona. function debounce(fn, delay) { var timer = null; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function() { fn.apply(context, args); }, delay); }; } var SearchBox = …

496 javascript  reactjs 

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 …

488 javascript  reactjs  redux  redux-thunk  redux-saga 

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 onClick={Child.getAlert()}>Click</button> </Child> ); } } class Child extends Component { getAlert() { alert('clicked'); …

474 javascript  reactjs 

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 '+email+' soon!' : …

467 javascript  reactjs  render 

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 uma cópia da matriz e setStateisso parece um desperdício.

416 javascript  reactjs 

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 tentei com a seguinte configuração de rotas, mas o :redirectParamnão está capturando o parâmetro mencionado: <Router> …

412 reactjs  react-router 

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 …

410 javascript  dom  reactjs 

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: function() { var options = [], optionState …

403 javascript  reactjs 

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 instruments -s xcrun: error: unable to …

394 javascript  ios  reactjs  react-native  ios-simulator 

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 corretamente?

390 javascript  reactjs  ecmascript-6  setstate 

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 = React.createClass({ render() { return …

388 javascript  dom  reactjs