O caso de uso é simples: eu só quero exportar um objeto com o nome exatamente como foi importado. por exemplo: import React from 'react'; export React; mas isso não funciona. Eu tenho que escrever: import React from 'react'; export const React = React; Mas isso é estranho. Qual é a maneira...
Este componente funciona: export class Template extends React.Component { render() { return ( <div> component </div> ); } }; export default Template; Se eu remover a última linha, ele não funcionará. Uncaught TypeError: Cannot read property 'toUpperCase' of undefined Eu acho...
Digamos que eu tenho o seguinte mapa: let myMap = new Map().set('a', 1).set('b', 2); E eu quero obter ['a', 'b'] com base no acima. Minha solução atual parece tão longa e horrível. let myMap = new Map().set('a', 1).set('b', 2); let keys = []; for (let key of myMap)
Podemos acessar elementos do array usando um loop for-of: for (const j of [1, 2, 3, 4, 5]) { console.log(j); } Como posso modificar esse código para acessar também o índice atual? Quero conseguir isso usando a sintaxe for-of, nem forEach nem
Estou tentando executar algum código ES6 no meu projeto, mas estou recebendo um erro inesperado de exportação de token. export class MyClass { constructor() { console.log("es6");
Depois de passar algum tempo aprendendo o React, entendo a diferença entre os dois principais paradigmas da criação de componentes. Minha pergunta é quando devo usar qual e por quê? Quais são os benefícios / tradeoffs de um sobre o outro? Classes ES6: import React, { Component } from...
Eu tenho uma função que estou tentando converter para a nova sintaxe de seta em ES6 . É uma função nomeada: function sayHello(name) { console.log(name + ' says hello'); } Existe uma maneira de dar um nome a ele sem uma instrução var: var sayHello = (name) => { console.log(name + ' says...
Estou tentando determinar se há grandes diferenças entre esses dois, além de poder importar export defaultapenas fazendo: import myItem from 'myItem'; E usando export consteu posso fazer: import { myItem } from 'myItem'; Gostaria de saber se existem diferenças e / ou casos de uso além...
Atualmente, estou usando o ES6 em um aplicativo React via webpack / babel. Estou usando arquivos de índice para reunir todos os componentes de um módulo e exportá-los. Infelizmente, é assim: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from...
Ainda não estou familiarizado com o ECMAScript 6. Acabei de clonar o repositório do React Starter Kit, que usa o ES6 para o código do aplicativo. Fiquei surpreso ao ver que o linter está configurado para proibir ocorrências da use strictdiretiva, o que eu achava que era recomendado no JavaScript...
Antes, babel adicionava a linha module.exports = exports["default"]. Não faz mais isso. O que isso significa é antes que eu pudesse fazer: var foo = require('./foo'); // use foo Agora eu tenho que fazer isso: var foo = require('./foo').default; // use foo Não é um grande negócio (e acho que é...
No arquivo js, usei import para, em vez de exigir import co from 'co'; E tentei executá-lo diretamente pelo nodejs, pois dizia que a importação é 'recursos de remessa' e suporte sem nenhum sinalizador de tempo de execução ( https://nodejs.org/en/docs/es6/ ), mas recebi um erro import co from...
Eu preciso fazer algo como: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } O código acima não compila; joga SyntaxError: ... 'import' and 'export' may only appear at the top level. Tentei usar System.importcomo mostrado aqui , mas não sei...
Soube que, a partir do React v15.3.0 , temos uma nova classe base chamada PureComponent para estender com o PureRenderMixin embutido. O que eu entendo é que, sob o capô, isso emprega uma comparação superficial de adereços no interior shouldComponentUpdate. Agora, temos três maneiras de definir um...
Estou recebendo este erro do ESLint: error Parsing error: The keyword 'const' is reserved deste código: const express = require('express'); const app = express(); const _ = require('underscore'); Tentei remover node_modulese reinstalar todos os pacotes npm (como sugerido aqui ), mas sem...
Estou interessado em saber se existem limites para quais tipos de valores podem ser definidos usando constJavaScript - em funções específicas. Isso é válido? Concedido que funciona, mas é considerado má prática por qualquer motivo? const doSomething = () => { ... } Todas as funções devem ser...
Eu sou novo no uso de classes ES6 com React; anteriormente, vinculei meus métodos ao objeto atual (mostrado no primeiro exemplo), mas o ES6 me permite vincular permanentemente uma função de classe a uma instância de classe com setas? (Útil ao passar como uma função de retorno de chamada.) Eu recebo...
Eu tenho um widget de bate-papo que exibe uma variedade de mensagens toda vez que eu rolar para cima. O problema que estou enfrentando agora é que o controle deslizante permanece fixo na parte superior quando as mensagens são carregadas. Eu quero que ele se concentre no último elemento de índice da...
Qual é a maneira padrão de chamar métodos estáticos? Posso pensar em usar constructorou usar o nome da classe em si, não gosto desta última, pois ela não parece necessária. O primeiro é o caminho recomendado ou existe algo mais? Aqui está um exemplo (artificial): class SomeObject {...
Crio um projeto ReactJS com o create-react-apppacote e funcionou bem, mas não consigo encontrar arquivos e configurações do webpack. Como o react-create-app funciona com o webpack? Onde estão os arquivos de configuração do webpack em uma instalação padrão create-react-app? Não consigo encontrar os...