Perguntas com a marcação «reactjs»

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> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route …

315 javascript  properties  reactjs  react-router 

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 layout …

313 javascript  reactjs  resize 

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 / …

306 javascript  reactjs  react-router  react-router-v4 

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 my-app Resultado Creating a new React app in /Users/user/Desktop/my-app. Installing packages. This …

298 reactjs  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 ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! errno: -13, …

298 node.js  reactjs  npm  install 

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) { // event.component.props ?why is this not available? }, render: function() { <Child onClick={this.onClick} /> } }); …

295 javascript  reactjs 

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" src="images/{this.props.image}">

295 javascript  reactjs  react-props 

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. Aqui …

288 javascript  reactjs 

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%", height: "400px", backgroundImage: "url(" + { Background } + ")" }; class …

286 javascript  reactjs 

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 '../../core/util'; export default class extends Component { render() { …

266 javascript  reactjs  ecmascript-6  react-jsx 

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 ser o propType das crianças prop? Quando eu o defino como objeto, ele falha …

265 reactjs  jsx  react-proptypes 

É 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 simplesmente não faz nada. Alguma ideia?

265 reactjs  state 

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 assim: <Match pattern="/" …

261 javascript  reactjs  nested  react-router  react-router-v4 

Estou criando um aplicativo em que o usuário pode criar seu próprio formulário. Por exemplo, especifique o nome do campo e os detalhes de quais outras colunas devem ser incluídas. O componente está disponível como um JSFiddle aqui . Meu estado inicial é assim: var DynamicForm = React.createClass({ getInitialState: function() …

259 javascript  reactjs  state 

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 babelify examples/temp.jsx -o …

256 reactjs  ecmascript-6