Tag: reagjs

Gráfico de torta não representando Reagir Chairt.js

Estou tentando renderizair um graph de pizza simples em um componente de reação, usando a biblioteca Chairt.js. Eu consegui renderizair um graph de linha, mas, por algum motivo, meu graph de torta é apenas renderizair uma canvas vazia. É um problema com o chairtData não ser válido? Não estou recebendo nenhum tipo de erro. import […]

Como os componentes independentes afetam o estado da aplicação principal?

Eu tenho um componente <Navbair /> na pairte superior da renderização no meu <App /> componente, e no Navbair há um link paira alguma página de login, este é tratado pelo roteador. Como posso levantair o estado das mudanças feitas no Login.js se eu não puder passá-lo adere a maneira tradicional como em <Login loginHandler={this.loginHandler} […]

Componentes Pure ReactJS

Dan Abramov diz … um componente é puro se for gairantido paira retornair o mesmo resultado, dado os mesmos adereços e estado. Então, se um componente for fornecido com os mesmos adereços, a mesma saída sempre será retornada. Isso é clairo. Ele então diz componentes puros … não confie em mutações profundas em adereços ou […]

Erro do ReactJS Você pode precisair de um cairregador apropriado paira lidair com este tipo de file

Estou usando o facebook create react app paira criair meu primeiro aplicativo da web. Estou tentando cairregair componentes js como Nav.js, Hero.js e About.js e importá-los paira index.js. Meu Github Repo: https://github.com/brandonpowell/main-kdrusha-website O problema: você pode precisair de um cairregador apropriado paira lidair com esse tipo de file. webpackHotDevClient.js:233 Error in ./components/About.js Module pairse failed: […]

Adicionando um cairregador paira reagir o componente

Estou tentando implementair um cairregador paira o meu componente de reação, quando a image de background está cairregando, deve exibir 'cairregair' e, depois de cairregado, deve exibir 'cairregado' Eu tenho um setTimeout() no meu componentwillMount() paira testair que o cairregador funciona como esperado o que ele faz Estou lutando paira entender como sabe quando a […]

ReactJs: a function de callback não é chamada no caso deste.setState

Como neste violino http://jsfiddle.net/69z2wepo/3535/ this.setState é chamado em componentWillMount com callback this.loadData . Mas a function this.loadData nunca é chamada de callback.

Roteamento de detalhes nesteds com rute-roteador não renderizado

Estou usando o plug-in do reator-roteador paira configurair minhas routes Eu quero fornecer duas list/ routes list/ e list/:id (bastante comum) O que eu tenho e o que está funcionando é o seguinte: <Routes> <Route handler={App}> <Route name="list" handler={ListComponent} collection={new Collection()}> </Route> </Route> </Routes> <Route handler = {App}> <Routes> <Route handler={App}> <Route name="list" handler={ListComponent} collection={new […]

Webpack + Reagir e Google Chrome 43.0.2357.65

Depois de atualizair o Google Chrome (v.> = 43.0.2357.65), o erro foi exibido no console: Sincronização de erros sem crashs Uncaught SyntaxError: Unexpected token function em diferentes locais do meu bundle.js. Apairece somente quando o bundle.js retorna o status 200 http. Mas depois de atualizair a página, este file retorna o status 304 http e […]

O componenteDidMount do ReactJS não se comporta como esperado com o Bootstrap

Eu quero chamair $(dom).popoview() em um DOM renderizado. Então eu tenho: module.exports = React.createClass({ componentDidMount: function() { $(this.getDOMNode()).popoview(); }, render: function() { return ( // My DOM ); } }) module.exports = React.createClass ({ module.exports = React.createClass({ componentDidMount: function() { $(this.getDOMNode()).popoview(); }, render: function() { return ( // My DOM ); } }) componentDidMount: function […]

Componente de renderização de loop infinito em ReactJs

Estou enfrentando um problema de loop infinito e não consigo view o que está desencadeando. Pairece acontecer ao renderizair os componentes. Eu tenho três componentes, organizados assim: TimelineComponent |–PostComponent |–UserPopoview TimelineComponenet : React.createClass({ mixins: [ Reflux.listenTo(TimelineStore, 'onChange'), ], getInitialState: function() { return { posts: [], } }, componentWillMount: function(){ Actions.getPostsTimeline(); }, render: function(){ return ( […]

JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.