Preguntas etiquetadas con ecmascript-6

Me gustaría preguntar por qué mi estado no cambia cuando hago un evento onclick. Hace un tiempo busqué que necesito vincular la función onclick en el constructor pero aún así el estado no se actualiza. Aquí está mi código: import React from 'react'; import Grid from 'react-bootstrap/lib/Grid'; import Row from …

104 javascript  reactjs  ecmascript-6 

Estoy ejecutando lint con mi aplicación React y recibo este error: error JSX props should not use arrow functions react/jsx-no-bind Y aquí es donde estoy ejecutando la función de flecha (adentro onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', zIndex: 99, padding: 5, backgroundColor: 'rgba(255, …

103 javascript  reactjs  ecmascript-6  jsx  arrow-functions 

Entonces, hasta ahora, he creado clases y módulos de node.jsla siguiente manera: var fs = require('fs'); var animalModule = (function () { /** * Constructor initialize object * @constructor */ var Animal = function (name) { this.name = name; }; Animal.prototype.print = function () { console.log('Name is :'+ this.name); }; …

103 javascript  node.js  ecmascript-6 

Estoy confundido en cuanto a cuál es el punto de los getters y setters en las clases de ECMAScript 6. ¿Cuál es el propósito? A continuación se muestra un ejemplo al que me refiero: class Employee { constructor(name) { this._name = name; } doWork() { return `${this._name} is working`; } …

102 class  ecmascript-6  setter  getter 

¿Cómo se comparan dos conjuntos de JavaScript? Intenté usar ==y, ===pero ambos devuelven falso. a = new Set([1,2,3]); b = new Set([1,3,2]); a == b; //=> false a === b; //=> false Estos dos conjuntos son equivalentes porque, por definición, los conjuntos no tienen orden (al menos no habitualmente). Revisé …

102 javascript  set  ecmascript-6 

¿Cómo un JSON.stringify () un conjunto ? Cosas que no funcionaron en Chromium 43: var s = new Set(['foo', 'bar']); JSON.stringify(s); // -> "{}" JSON.stringify(s.values()); // -> "{}" JSON.stringify(s.keys()); // -> "{}" Esperaría obtener algo similar al de una matriz serializada. JSON.stringify(["foo", "bar"]); // -> "["foo","bar"]"

102 javascript  json  ecmascript-6 

Estoy usando una biblioteca de terceros que tiene una función que toma funciones como argumentos. Estoy haciendo algunas verificaciones condicionales para decidir si agregar o no una función en particular como parámetro y, en algunos casos, no quiero proporcionar una función. Proporcionar nulo en esos casos arroja un error. Encontré …

101 javascript  lambda  ecmascript-6 

Tengo un proyecto escrito en ES6 con webpack como paquete. La mayor parte de la transpilación funciona bien, pero cuando intento incluir decoradores en cualquier lugar, aparece este error: Decorators are not supported yet in 6.x pending proposal update. Revisé el rastreador de problemas de babel y no pude encontrar …

101 javascript  webpack  ecmascript-6  babeljs  decorator 

Sé que ES6 aún no está estandarizado, pero muchos navegadores actualmente admiten const palabras clave en JS. En las especificaciones, está escrito que: El valor de una constante no puede cambiar mediante la reasignación y una constante no se puede volver a declarar. Por ello, aunque es posible declarar una …

101 javascript  ecmascript-6  const 

Dado un archivo de entrada como import { a } from 'b'; function x () { a() } babel lo compilará para 'use strict'; var _b = require('b'); function x() { (0, _b.a)(); } pero cuando se compila en modo suelto, la llamada a la función se emite como _b.a(); …

100 javascript  ecmascript-6  babeljs 

Una promesa, solo por ejemplo: var P = new Promise(function (resolve, reject) { var a = 5; if (a) { setTimeout(function(){ resolve(a); }, 3000); } else { reject(a); } }); Después de llamar, entonces el método de la promesa: P.then(doWork('text')); La función doWork se ve así: function doWork(data) { return …

100 javascript  promise  ecmascript-6  es6-promise 

Así que aquí está mi flujo de trabajo actual para importar imágenes e íconos en el paquete web a través de ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Esto se complica rápidamente. Esto es lo que quiero: …

100 reactjs  webpack  ecmascript-6 

Estoy usando babel6 y para mi proyecto favorito estoy creando un contenedor para XMLHttpRequest, para los métodos que puedo usar: open = (method, url, something) => { return this.xhr.open(method, url, something); } pero para las propiedades la función de flecha no funciona esto funciona: get status() { return this.xhr.status; } …

100 ecmascript-6  babeljs 

Supongamos que tiene un Javascript ES6 Iterable similar a una matriz que sabe de antemano que tendrá una longitud finita, ¿cuál es la mejor manera de convertir eso en una matriz Javascript? La razón para hacerlo es que muchas bibliotecas js, como el subrayado y lodash, solo admiten Arrays, por …

100 javascript  arrays  ecmascript-6  iterable  babeljs 

Estoy tratando de crear un método de mapa de copia profunda para mi proyecto Redux que funcionará con objetos en lugar de matrices. Leí que en Redux cada estado no debería cambiar nada en los estados anteriores. export const mapCopy = (object, callback) => { return Object.keys(object).reduce(function (output, key) { …

99 javascript  ecmascript-6  redux  spread-syntax