Je voudrais demander pourquoi mon état ne change pas lorsque je fais un événement onclick. J'ai cherché il y a quelque temps que je devais lier la fonction onclick dans le constructeur, mais l'état ne se met toujours pas à jour. Voici mon code: import React from 'react'; import Grid from...
Donc jusqu'à présent, j'ai créé des classes et des modules de node.jsla manière suivante: var fs = require('fs'); var animalModule = (function () { /** * Constructor initialize object * @constructor */ var Animal = function (name) { this.name = name; }; Animal.prototype.print = function () {...
Comment comparer deux ensembles javascript? J'ai essayé d'utiliser ==et ===mais les deux renvoient false. a = new Set([1,2,3]); b = new Set([1,3,2]); a == b; //=> false a === b; //=> false Ces deux ensembles sont équivalents, car par définition, les ensembles n'ont pas d'ordre (du moins pas...
J'exécute lint avec mon application React et je reçois cette erreur: error JSX props should not use arrow functions react/jsx-no-bind Et c'est là que j'exécute la fonction flèche (à l'intérieur onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox...
Je ne sais pas quel est l'intérêt des getters et des setters dans les classes ECMAScript 6. Quel est le but? Voici un exemple auquel je fais référence: class Employee { constructor(name) { this._name = name; } doWork() { return `${this._name} is working`; } get name() { return...
Comment un JSON.stringify () serait-il un ensemble ? Choses qui ne fonctionnaient pas dans Chromium 43: var s = new Set(['foo', 'bar']); JSON.stringify(s); // -> "{}" JSON.stringify(s.values()); // -> "{}" JSON.stringify(s.keys()); // -> "{}" Je m'attendrais à obtenir quelque chose de...
Je sais que ES6 n'est pas encore standardisé, mais un nombreux navigateurs prennent actuellement en charge les const mots-clés dans JS. Dans la spécification, il est écrit que: La valeur d'une constante ne peut pas changer par une réaffectation et une constante ne peut pas être déclarée à nouveau....
J'utilise une bibliothèque tierce qui a une fonction qui prend des fonctions comme arguments. Je fais des vérifications conditionnelles pour décider d'ajouter ou non une fonction particulière en tant que paramètre et dans certains cas, je ne veux pas fournir de fonction. Fournir null dans ce cas...
J'ai un projet écrit en ES6 avec webpack comme bundler. La plupart des transpilages fonctionnent bien, mais lorsque j'essaye d'inclure des décorateurs n'importe où, j'obtiens cette erreur: Decorators are not supported yet in 6.x pending proposal update. J'ai regardé le suivi des problèmes de Babel...
Voici donc mon flux de travail actuel pour l'importation d'images et d'icônes dans Webpack via 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} /> Cela devient vite...
Supposons que vous ayez un Javascript ES6 Iterable de type tableau dont vous savez à l'avance qu'il aura une longueur limitée, quel est le meilleur moyen de le convertir en un tableau Javascript? La raison en est que de nombreuses bibliothèques js telles que le soulignement et le lodash ne...
Étant donné un fichier d'entrée comme import { a } from 'b'; function x () { a() } babel le compilera pour 'use strict'; var _b = require('b'); function x() { (0, _b.a)(); } mais une fois compilé en mode lâche, l'appel de fonction est émis comme _b.a(); J'ai fait des recherches pour savoir où...
Une promesse, juste par exemple: var P = new Promise(function (resolve, reject) { var a = 5; if (a) { setTimeout(function(){ resolve(a); }, 3000); } else { reject(a); } }); Après avoir appelé, puis la méthode sur la promesse: P.then(doWork('text')); La fonction doWork ressemble à ceci: function...
J'utilise babel6 et pour mon projet animal de compagnie, je crée un wrapper pour XMLHttpRequest, pour les méthodes que je peux utiliser: open = (method, url, something) => { return this.xhr.open(method, url, something); } mais pour les propriétés, la fonction de flèche ne fonctionne pas cela...
J'essaie de créer une méthode de carte de copie profonde pour mon projet Redux qui fonctionnera avec des objets plutôt que des tableaux. J'ai lu que dans Redux, chaque état ne devrait rien changer aux états précédents. export const mapCopy = (object, callback) => { return...
Est-il possible d'étendre une classe dans ES6 sans appeler la superméthode pour appeler la classe parent? EDIT: La question pourrait être trompeuse. Est-ce la norme que nous devons appeler super()ou est-ce que je manque quelque chose? Par exemple: class Character { constructor(){...
Est-il possible de trier les entrées d'un objet de carte es6? var map = new Map(); map.set('2-1', foo); map.set('0-1', bar); résulte en: map.entries = { 0: {"2-1", foo }, 1: {"0-1", bar } } Est-il possible de trier les entrées en fonction de leurs clés? map.entries = { 0: {"0-1", bar }, 1: {"2-1",...
Im expérimentant avec ES6, et Im utilisant gulp pour construire et babel pour transpiler vers ES5. La sortie n'est pas exécutée dans node, mais simplement liée à partir d'un fichier .htm avec une balise. Je pense que je dois ajouter <script src='require.js'></script> ou quelque chose...
D'après ce que je comprends, une promesse est quelque chose qui peut résoudre () ou rejeter (), mais j'ai été surpris de découvrir que le code de la promesse continue de s'exécuter après l'appel d'une résolution ou d'un rejet. J'ai considéré que la résolution ou le rejet était une version...
Dans ES6, les deux sont légaux: var chopper = { owner: 'Zed', getOwner: function() { return this.owner; } }; et, en sténographie: var chopper = { owner: 'Zed', getOwner() { return this.owner; } } Est-il possible d'utiliser également les nouvelles fonctions fléchées? En essayant quelque chose comme...