Quero mostrar e ocultar condicionalmente esse grupo de botões, dependendo do que é passado do componente pai, que se parece com isso: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on...
Aviso: Um componente está alterando uma entrada não controlada do tipo de texto a ser controlado. Os elementos de entrada não devem mudar de não controlado para controlado (ou vice-versa). Decida entre usar um elemento de entrada controlado ou não controlado durante a vida útil do componente....
Estou lendo a seção Formulários dereactjsdocumentação e apenas tentei esse código para demonstrar o onChangeuso ( JSBIN ). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event)...
Acabei de começar o ReactJS e estou um pouco preso em um problema que tenho. Minha aplicação é essencialmente uma lista com filtros e um botão para alterar o layout. No momento eu estou usando três componentes: <list />, < Filters />e <TopBar />, agora, obviamente, quando eu...
Eu estou recebendo o seguinte erro TypeError não capturado: Não é possível ler a propriedade 'setState' de undefined mesmo após a ligação delta no construtor. class Counter extends React.Component { constructor(props) { super(props); this.state = { count : 1 }; this.delta.bind(this);...
Eu tenho a seguinte estrutura para o meu aplicativo React.js usando o React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header>...
Como faço para o React renderizar novamente a exibição quando a janela do navegador é redimensionada? fundo Eu tenho alguns blocos que quero fazer o layout individualmente na página, mas também quero que eles sejam atualizados quando a janela do navegador mudar. O resultado final será algo como o...
Quero declarar um caminho com um parâmetro de caminho opcional; portanto, quando adiciono a página, faça algo extra (por exemplo, preencha alguns dados): http: // localhost / app / path / to / page <= renderiza a página http: // localhost / app / path / to / page / pathParam <= renderiza...
Quando digito o create-react-app my-appcomando no meu terminal, ele parece funcionar - baixando todas as bibliotecas com êxito etc. No final desse processo, porém, recebo a mensagem de que a template was not provided. Entrada user@users-MacBook-Pro-2 Desktop% create-react-app
O que pode estar causando o erro Error: EACCES: permission denied, access '/usr/local/lib/node_modules'? npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm...
Não existe uma maneira simples de transmitir uma criança propsao pai usando eventos, no React.js? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { //...
No JSX, como você faz referência a um valor propsde dentro de um valor de atributo entre aspas? Por exemplo: <img className="image" src="images/{this.props.image}" /> A saída HTML resultante é: <img class="image"
Eu sou novo no React e estou tentando escrever um aplicativo trabalhando com uma API. Eu continuo recebendo esse erro: TypeError: this.setState não é uma função quando tento lidar com a resposta da API. Eu suspeito que há algo errado com essa ligação, mas não consigo descobrir como corrigi-la....
Estou tentando acessar uma imagem estática para usar em uma backgroundImagepropriedade embutida no React. Infelizmente, fiquei sem saber como fazer isso. Geralmente, achei que você fez o seguinte: import Background from '../images/background_image.png'; var sectionStyle = { width: "100%",...
Eu tenho um problema relativamente simples de tentar adicionar scripts em linha a um componente React. O que tenho até agora: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from...
É possível atualizar as propriedades do objeto setState? Algo como: this.state = { jasper: { name: 'jasper', age: 28 }, } Eu tentei: this.setState({jasper.name: 'someOtherName'}); e isto: this.setState({jasper: {name: 'someothername'}}) O primeiro resulta em um erro de sintaxe e o segundo...
Dado um componente simples que gera seus filhos: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Pergunta: Qual deve...
Atualmente, estou lutando com rotas de aninhamento usando o roteador de reação v4. O exemplo mais próximo foi a configuração de rota na documentação do React-Router v4 . Quero dividir meu aplicativo em duas partes diferentes. Uma interface e uma área administrativa. Eu estava pensando em algo...
Eu estou usando reactjs. Quando executo o código abaixo, o navegador diz: TypeError não capturado: a super expressão deve ser nula ou uma função, não indefinida Qualquer sugestão sobre o que está errado seria apreciada. Primeiro, a linha usada para compilar o código: browserify -t reactify -t...
No React (estrutura do Facebook), preciso renderizar um elemento de rótulo associado a uma entrada de texto usando o foratributo padrão . por exemplo, o seguinte JSX é usado: <label for="test">Test</label> <input type="text" id="test" /> No entanto, isso produz HTML sem o...