Eu instalei eslint-config-airbnb que deve pré-configurar o ESLINT para React: Nossa exportação padrão contém todas as nossas regras ESLint, incluindo ECMAScript 6+ e React. Requer eslint, eslint-plugin-import, eslint-plugin-react e eslint-plugin-jsx-a11y. Minha .eslintrcextensão de sua...
Eu sou novo no React Router e aprendi que existem muitas maneiras de redirecionar uma página: Usando browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Usando this.context.router.push("/path") class Foo extends...
Tenho uma biblioteca de componentes para a qual estou escrevendo testes de unidade para usar Jest e react-testing-library. Com base em certos adereços ou eventos, quero verificar se certos elementos não estão sendo renderizados. getByText, getByTestIdetc., lance e erro react-testing-libraryse o...
Estou trabalhando com Reactjs, escrevendo um componente de menu. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ?...
Sou novo no react.js, implementei um componente no qual estou buscando os dados do servidor e o uso como, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) {
Eu queria verificar o que acontece quando você usa this.setState várias vezes (2 vezes para fins de discussão). Achei que o componente seria renderizado duas vezes, mas aparentemente só foi renderizado uma vez. Outra expectativa que eu tinha era que talvez a segunda chamada para setState superasse...
Recentemente, tenho estudado muito sobre a funcionalidade e as formas de usar a biblioteca JavaScript do Facebook React.js. Quando se fala de suas diferenças com o resto do mundo JavaScript muitas vezes os dois estilos de programação declarativee imperativesão mencionada. Qual é a diferença...
Ainda sou bastante novo no React, mas tenho trabalhado lentamente e encontrei algo em que estou preso. Estou tentando construir um componente "cronômetro" no React e, para ser honesto, não sei se estou fazendo isso da maneira certa (ou eficiente). No meu código abaixo, eu definir o estado para...
Eu tenho um arquivo test_stuff.js com o qual estou executando npm test É mais ou menos assim: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function()...
Estou tendo um pequeno problema ao migrar do React-Router v3 para v4. na v3, consegui fazer isso em qualquer lugar: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Como faço para conseguir isso na v4. Eu sei que poderia usar o hoc withRouter, o contexto de...
Sei que essa é uma pergunta básica, mas não tive sorte em encontrar a resposta em outro lugar. É store.dispatchsíncrono ou assíncrono Redux? No caso de ser assíncrono, existe a possibilidade de adicionar um retorno de chamada após a ação ter sido propagada, como é possível com...
Minha equipe e eu recebemos financiamento para começar a desenvolver um aplicativo da web de nível empresarial (não entrarei em detalhes sobre o que ele faz). O aplicativo terá muitas páginas da web separadas, mas duas dessas páginas serão mais focadas e muito pesadas - pesadas como em muita...
Acabei de começar a usar create-react-app com typescript create-react-app my-app --scripts-version=react-scripts-ts e a configuração padrão tslint.json não permite console.log (). Como posso (por enquanto) habilitar console.log? Os documentos para isso estão em
Uma linha funciona bem render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } não para várias linhas render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }}...
Tenho um componente que criei: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; }...
PropTypes e Flow cobrem coisas semelhantes, mas usam abordagens diferentes. Os PropTypes podem fornecer avisos durante o tempo de execução, o que pode ser útil para encontrar rapidamente respostas malformadas vindas de um servidor, etc. No entanto, o Flow parece ser o futuro e com conceitos como...
Tendo este código em mente: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component">...
Estou apenas começando com Reactjs e estava escrevendo um componente simples para exibir a litag e me deparei com este erro: Token inesperado '<' Coloquei o exemplo em jsbin abaixo de http://jsbin.com/UWOquRA/1/edit?html,js,console,output Por favor, deixe-me saber o que estou fazendo...
Sempre que tento usar um ícone Font Awesome no React's render(), ele não é exibido na página da web resultante, embora funcione em HTML normal. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Aqui está um exemplo ao vivo:...
Como você pode obter um evento hover ou um evento ativo no ReactJS ao fazer estilização embutida? Descobri que a abordagem onMouseEnter, onMouseLeave tem bugs, então espero que haja outra maneira de fazer isso. Especificamente, se você passar o mouse sobre um componente muito rapidamente,...