Articles of reactjs

implementação de módulos es6, como carregar um arquivo json

Estou implementando um exemplo em https://github.com/moroshko/react-autosuggest Código importante é assim: import React, { Component } from ‘react’; import suburbs from ‘json!../suburbs.json’; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) – suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // ‘suggestions’ will be an array of strings, eg: // [‘Mentone’, […]

Violação Invariável: Objetos não são válidos como uma criança Reagir

Na function de renderização do meu componente eu tenho: render() { const items = [‘EN’, ‘IT’, ‘FR’, ‘GR’, ‘RU’].map((item) => { return ({item}); }); return ( … {items} … ); } tudo fica bem, no entanto, ao clicar no elemento , recebo o seguinte erro: Erro não detectado: Violação invariável: Objetos não são válidos como […]

Reactjs setState () com um nome de chave dinâmica?

EDIT: esta é uma duplicata, veja aqui Não consigo encontrar exemplos de uso de um nome de chave dinâmica ao definir o estado. Isso é o que eu quero fazer: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, onde event.target.id é usado como a chave de estado a ser atualizada. […]

Use as funções de ciclo de vida componentWillMount ou componentDidMount para solicitação assíncrona em React

Estou lendo sobre o ciclo de vida e estou ficando um pouco confuso. Alguns recomendam usar componentWillMount para fazer chamadas ajax: https://hashnode.com/post/why-is-it-a-bad-idea-to-call-setstate-immediately-after-componentdidmount-in-react-cim5vz8kn01flek53aqa22mby Chamar setState em componentDidMount acionará outra chamada render () e isso pode levar à remoção de layout. e em outros lugares diz para não colocar chamadas ajax no componenteWillMount: https://medium.com/@baphemot/understanding-reactjs-component-life-cycle-823a640b3e8d … essa function […]

Use Conectar ou passar dados como acessórios para crianças

Eu sou novo para reagir e redux. Eu tenho um cenário onde existem componentes nesteds como este. A> B> C> D Existe uma propriedade usada no componente A e será usada no componente D. Então, eu tenho duas abordagens: Obtenha o estado do repository do redux no componente A e, em seguida, passe-o como acessório […]

Aplicação ReactJS – resiliência VS falha rápido

Eu estou no meio do desenvolvimento de uma aplicação React e esta é a abordagem que eu usei para os meus componentes: Eu valido os adereços que espero que sejam recebidos usando a validação do PropTypes, mas eu ainda atribuo valores padrão para evitar que ele seja quebra se algo der errado com os dados […]

Reagir projeto nativo, index.ios.js ou index.android.js não gerados

Comecei com o React-Native hoje. E estou seguindo um tutorial na web. Fiz todas as instalações corretamente na minha máquina Windows: Java Jdk Estúdio Android Nó / NPM Fio então instalado reagir-nativo npm install -g react-native-cli finalmente um projeto mundial olá react-native init albums Eu não estou recebendo nenhum erro. Meu aplicativo é executado (basicamente […]

Posso usar a function de seta no construtor de um componente de reação?

Esta questão é semelhante a Ao usar o React É preferível usar funções de seta de gordura ou vincular funções no construtor? mas um pouco diferente. Você pode vincular uma function a this no construtor ou apenas aplicar a function de seta no construtor. Observe que só posso usar a syntax ES6 no meu projeto. […]

Não é possível usar as funções de seta dentro da class de componente de reação

Eu comecei um projeto onde eu uso React JS para o front-end um nó js no backend. Eu usei o Webpack para agrupar arquivos JS. Eu usei babel junto com outras coisas necessárias. Sempre que eu uso as funções de seta dentro de uma class de reação, ocorre um erro de syntax. Como a compilation […]

É store.dispatch no Redux síncrono ou asynchronous

Eu percebo que esta é uma questão básica, mas não tive sorte em encontrar a resposta em outro lugar. O store.dispatch é síncrono ou asynchronous no Redux ? Caso seja asynchronous, existe a possibilidade de adicionar um retorno de chamada após a ação ter sido propagada como é possível com o React ?