Estou tentando criar um formulário simples com react, mas estou enfrentando dificuldade para vincular os dados corretamente ao defaultValue do formulário. O comportamento que procuro é este: Quando abro minha página, o campo de entrada de texto deve ser preenchido com o texto da minha...
Estou tentando fazer o ReactJS funcionar com trilhos usando este tutorial. Estou recebendo este erro: Uncaught ReferenceError: React is not defined Mas posso acessar o objeto React no console do navegador . Também adicionei public / dist / turbo-react.min.js conforme descrito aqui e também...
Estou tentando fazer um SIMPLE usando o react-router ( versão ^ 1.0.3 ) para redirecionar para outra visão e estou ficando cansado. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes = {...
Eu sou muito novo no webpack, descobri que na construção de produção podemos reduzir o tamanho do código geral. Atualmente, o webpack constrói em torno de arquivos de 8 MB e main.js em torno de 5 MB. Como reduzir o tamanho do código na construção de produção? Encontrei um arquivo de configuração de...
Tenho dois componentes: Componente pai, do qual desejo alterar o estado do componente filho: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}> Toggle Menu from Parent...
Ocasionalmente, tenho componentes de reação que são conceitualmente ativos e que desejo redefinir. O comportamento ideal seria equivalente a remover o componente antigo e reler um novo componente original. React fornece um método setStateque permite definir o próprio estado explícito dos...
Estou tentando converter esta <canvas>animação legal que encontrei aqui em um componente reutilizável React. Parece que esse componente exigiria um componente pai para a tela e muitos componentes filhos para o function Ball(). Por motivos de desempenho, provavelmente seria melhor...
Enquanto eu examinava o HTML de algumas páginas, percebi que algumas delas usam esse atributo "data-reactid" como: <a data-reactid="......" ></a> Qual é esse atributo e qual é sua função?
Eu quero incluir / omitir dinamicamente o atributo disabled em um elemento de botão. Já vi muitos exemplos de valores de atributos dinâmicos, mas não dos próprios atributos. Tenho a seguinte função de renderização: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" :...
Eu quero chamar um método exposto por um componente React da instância de um Elemento React. Por exemplo, neste jsfiddle . Eu quero chamar o alertMessagemétodo da HelloElementreferência. Existe uma maneira de fazer isso sem precisar escrever invólucros adicionais? Editar (código copiado do...
Estou tentando passar um nome de classe para um componente de reação para alterar seu estilo e não consigo funcionar: class Pill extends React.Component { render() { return ( <button className="pill {this.props.styleName}">{this.props.children}</button> ); } } <Pill...
Tenho vários componentes que precisam fazer a mesma coisa. (Uma função simples que mapeia seus componentes filhos e faz algo para cada um). No momento estou definindo este método em cada um dos componentes. Mas só quero definir uma vez. Eu poderia defini-lo no componente de nível superior e...
No meu componente de reação, estou tentando implementar um spinner simples enquanto uma solicitação ajax está em andamento - estou usando o estado para armazenar o status de carregamento. Por alguma razão, este trecho de código abaixo em meu componente React gera este erro Só pode...
O que causa o seguinte problema? Minha versão do Android SDK não é compatível? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring...
Por exemplo: codepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });
Tanto quanto eu sei e corrijo-me se estou errado, redux-thunk é um middleware que nos ajuda a despachar funções assíncronas e valores de depuração na própria ação, enquanto quando eu usei redux-promessa não pude criar funções assíncronas sem implementar minhas próprias como Action lança uma...
O primeiro princípio da documentação Redux é: O estado de todo o seu aplicativo é armazenado em uma árvore de objetos dentro de um único armazenamento. E eu realmente pensei que entendia bem todos os princípios. Mas agora estou confuso sobre o que significa aplicação. Se aplicação...
Estou quebrando o exemplo de tarefas do Redux para tentar entendê-lo. Eu li que mapDispatchToPropspermite mapear ações de despacho como adereços, então pensei em reescrever addTodo.jspara usar mapDispatchToProps em vez de chamar dispatch (addTodo ()). Eu chamei addingTodo(). Algo assim: import...
Estou trabalhando em um projeto no React e tive um problema que me deixou perplexo. Sempre que corro yarn start, recebo este erro: TypeError [ERR_INVALID_ARG_TYPE]: O argumento "path" deve ser do tipo string. Tipo recebido indefinido Eu não tenho idéia do por que isso está acontecendo, se...
Estou usando o Sublime Text como editor de texto. Existe um jsFormat para formatar arquivos javascript, mas não consigo encontrar um para JSX. Como vocês lidam com a formatação