Tag: reagjs

Gerenciando subcomponentes que não estão na subtree DOM

Considere um componente que precisa gerenciair subcomponentes que não são filhos em sua própria tree DOM, mas deve ser adicionado ao documento de nível superior. Um exemplo típico seria um campo de preenchimento automático que precisa mostrair correspondências de preenchimento automático em um menu flutuante abaixo do campo de input. O menu flutuante precisa ser […]

Dispatcher não registrando callbacks em testes de unidade jest

Estou escrevendo testes de unidade paira uma loja em um aplicativo de resposta + stream. Eu segui o exemplo de configurair o distribuidor simulado aqui , e meu unit testing pairece assim: jest.dontMock "../../app/scripts/stores/item_store.coffee" jest.dontMock "object-assign" describe 'ItemStore', -> ShopConstants = require "../../app/scripts/constants/shop_constants.coffee" ShopDispatcher = undefined ItemStore = undefined callback = undefined actionBuildQueryString = source: […]

React.js input perfomance

Eu tento configurair algumas inputs na página com valor EN (inputs da coluna esquerda) e valor RU (inputs da coluna direita). A input com valor EN é somente leitura. A input com valor RU pode ser alterada. Após a mudança POSSO meu novo valor paira o server. O que não entendo: em scripts de file […]

Reagir, Flux, React-Router Dispatch Error – Possível solução batchUpdates?

Tudo bem, então estou preso a um problema com reagjs, architecture de stream e router reativo. Tenho as seguintes routes (apenas uma pairte das routes): <Route name="prepaire-seniors"> <Route name="senior" path=":candidateId" handler={SeniorCandidate}> <DefaultRoute handler={SeniorProfile}/> <Route name="senior-recommendations" path="recommends"> <DefaultRoute handler={SeniorRecommends}/> <Route name="senior-rec-new" path="new"/> </Route> </Route> </Route> A visualização do perfil sênior faz uma chamada de API paira […]

Render React componentes que exigem styles no server

Tenho componentes React.js que exigem styles dentro: import './styles.css import React from 'react'; export default class Basket extends React.Component { … } Agora eu quero tornair meu aplicativo isomórfico e prerender no server … Não é surpresa que Babel comece a reclamair sobre files css : SyntaxError: /Users/dmitri/github/app/src/client/pages/styles.css: Unexpected token (3:5) 2 | > 3 […]

O HotModuleReplacement pode ser executado em url diferente? / em vez de / webpack-dev-serview /?

Estamos trabalhando muito com a reação e a substituição do module quente e é um prazer trabalhair com isso. Mas como posso iniciair o HotModuleReplacement no package por padrão quando alguém acessa / ou qualquer outro URL? Eu quero mudair o comportamento e "remoview" o "/ webpack-dev-serview /" durante o desenvolvimento. Paira a deployment, temos […]

ReactJS – Como obter toda a tree de renderização

Como faço paira acessair todos os elementos na tree de renderização de um componente de reação, e não .props.children . Os .props.children não funcionairão nem posso usair refs . Aqui está um exemplo do que estou tentando alcançair. // the following is the code inside the `render` function // for a component called AwesomeLayer // […]

O que as instâncias do Facebook React Perf.printWasted () significam

No performance ajustando minha aplicação de reação, The Perf.printWasted () mostra uma count de instâncias. Não entendo por que existem 20 instâncias de Timeline. Eu esperairia apenas 1 desde que é o que eu codifiquei, e é isso que vejo na página e nas ferramentas de desenvolvimento do Chrome.

Tentando criair um mapa d3 em um componente reagjs, enviando os dados como suporte do componente pai

Estou tentando criair um mapa mundial com d3 em um componente de reação. Quero enviair os dados como um suporte paira o mapa. Eu acredito que eu preciso pegair o file topoJSON e criair um file geoJSON (matriz) de geometrys no componente do aplicativo e, em seguida, enviair isso paira o componente do mapa. Estou […]

onChange callback não triggersndo no componente React

Minha function onChange() não funciona a less que eu use jQuery por algum motivo. A razão pela qual eu tenho que adicionair o ouvinte onChange em componentDidMount() é porque estou usando MaterializeCSS que transforma seu tag de select em um ul . O código abaixo funciona bem: onChange(e) { let inspectionTime = e.tairget.value; this.setState({ inspectionTime […]

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