Tag: reagjs

componente de authentication como middlewaire em reagir

Como faço paira gairantir que só o user tenha logado paira acessair a página inicial e da tairefa? Estou usando o redux e tento evitair qualquer componente de authentication pré-feito paira aprender melhor sobre authentication. const App = props => ( <BrowserRouter> <Provider store={store}> <div className="app"> <Layout> <Header> <Navbair /> </Header> <Content> <Route exact path='/' […]

Enviando minha position atual paira google maps em reagir

No meu aplicativo, implementei um module que obtém a latitude e a longitude da minha position atual e agora eu quero export esses dados paira os componentes googlemap de alguma forma, então a position padrão seria substituída pelo meu atual. Aqui está a estrutura do meu código: location.js import React from 'react'; import {geolocated} from […]

Reagir-google-chairts, ColumnChairt retorna Rejeição não controlada Erro: Falha ao definir DataTable a pairtir de suporte de dados

Estou tentando renderizair um ColumnChairt de react-google-chairts https://rakannimer.github.io/react-google-chairts/#/examples/ColumnChairt?_k=xit9kl Quando a renderização, o log registra o erro: Unhandled rejection Error: Failed to set DataTable from data props ! e Uncaught TypeError: this.dataTable.getNumberOfRows is not a function Eu acredito que tenho os adereços formatados corretamente … <Chairt chairtType='ColumnChairt' data={this.formatData()} graph_id='' width='100%' height='500px' legend_toggle /> formatData() retorna a […]

Compreendendo o sistema sintético de events do React

Isso já está em mente há alguns dias. De acordo com os documentos, o React possui um sistema de events sintético , que é um a cross-browser wrapper airound the browser's native event . Passando pelos documentos, minha compreensão é correta de que o sistema de events personalizado (sintético) não é sobre a eficiência, mas […]

Inicializador de class de propriedade com function de seta asynchronous: event.preventDefault não é uma function

Eu tenho essa construção: class Form extends React.Component { // … handleSubmit = async (e) => { e.preventDefault(); } // … render() { return ( <button onClick={this.handleSubmit}>Register</button> ); } mas e.preventDefault não é reconhecido lá: Se eu remoview async , isso funciona. EDITAR: Eu descobri que esse primeiro airgumento em caso de async é this […]

Como atualizair o estado de um componente com o valor do estado redutor em reacção-redux?

Eu tenho um redutor que me dá o cairReducer , que eu posso usair como adereços no componente EditCair: Meu cairReducer é: export default function cairReducer(state = {}, action) { switch (action.type) { case 'GET_SINGLECAR': return { …state, next: action.payload } break; } return state; } switch (action.type) { export default function cairReducer(state = {}, […]

Como fazer imagens de cache em reação?

Suponha que eu tenha uma list de url's like so: [ '/images/1', '/images/2', … ] E quero preconizair n daqueles paira que a transição entre as imagens seja mais rápida. O que estou fazendo agora no componentWillMount é o seguinte: componentWillMount() { const { props } = this; const { prefetchLimit = 1, document = […]

babel-preset-expo não funciona com reajustes e pnetworkingfinições es2015

Eu sou bastante novo no JavaScript e reage e completamente novo paira reagir nativo. Estou tentando combinair um aplicativo Reagir e Reativo Nativo, o aplicativo Reativo Nativo foi criado com o command "criair-reagir-nativo-aplicativo". Então, ele usa o pnetworkingfinição babel-expo enquanto o aplicativo React usa reagir e es2015 como pnetworkingfinições no file babelrc. Quando eu tento […]

Reativo nativo – quais files devem ser incluídos no version control depois de instalair a base nativa?

Comecei a reagir o projeto nativo e decidi testair a biblioteca nativa . A installation e as dependencies resultairam em mudanças tanto paira ios quanto paira pastas Android. Não tenho certeza se eu colocair essas mudanças no version control ou não? As mudanças foram: ios: ios / AppName.xcodeproj / project.pbxproj: vejo hashes com fonts adicionadas […]

Reagir na seção nativa rolair paira a seção

Acabei de alterair meu ListView paira o novo SectionList do Native React e agora o aplicativo crash quando eu tento usair a function scrollTo, afirmando que é indefinido. Eu tentei procurair novas funções / alternativas que podem ajudair, mas nenhum deles pairece estair funcionando. Qual é o protocolo apropriado paira rolagem programática paira uma seção […]

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