La programmation ecmascript-6

9

Comment définir les accessoires par défaut du composant sur le composant React

J'utilise le code ci-dessous pour définir les accessoires par défaut sur un composant React mais cela ne fonctionne pas. Dans la render()méthode, je peux voir que la sortie "accessoires non définis" a été imprimée sur la console du navigateur. Comment puis-je définir une valeur par défaut pour les accessoires du …

135 reactjs ecmascript-6

19

Héritage multiple de classe ES6

J'ai fait la plupart de mes recherches à ce sujet sur BabelJS et sur MDN (qui ne contient aucune information), mais n'hésitez pas à me dire si je n'ai pas été assez prudent en cherchant plus d'informations sur la spécification ES6. Je me demande si ES6 prend en charge l'héritage …

134 javascript ecmascript-6

9

Pouvez-vous lier «ceci» dans une fonction de flèche?

J'expérimente avec ES6 depuis un moment maintenant, et je viens juste d'arriver à un léger problème. J'aime vraiment utiliser les fonctions fléchées, et chaque fois que je peux, je les utilise. Cependant, il semblerait que vous ne puissiez pas les lier! Voici la fonction: var f = () => console.log(this); …

133 javascript function ecmascript-6

8

Javascript ES6 / ES5 trouver dans le tableau et changer

J'ai un tableau d'objets. Je veux trouver par un champ, puis le changer: var item = {...} var items = [{id:2}, {id:2}, {id:2}]; var foundItem = items.find(x => x.id == item.id); foundItem = item; Je veux qu'il change l'objet d'origine. Comment? (Je m'en fiche si ce sera aussi en lodash)

133 javascript arrays ecmascript-6 lodash

14

Extension de l'erreur en Javascript avec la syntaxe ES6 et Babel

J'essaye d'étendre l'erreur avec ES6 et Babel. Ça ne marche pas. class MyError extends Error { constructor(m) { super(m); } } var error = new Error("ll"); var myerror = new MyError("ll"); console.log(error.message) //shows up correctly console.log(myerror.message) //shows empty string L'objet Error n'obtient jamais le bon ensemble de messages. Essayez dans …

132 javascript ecmascript-6 babeljs transpiler

3

Comment mapper / réduire / filtrer un ensemble en JavaScript?

Existe-t-il un moyen de map/ reduce/ filter/ etc a Seten JavaScript ou devrai-je écrire le mien? Voici quelques Set.prototypeextensions sensibles Set.prototype.map = function map(f) { var newSet = new Set(); for (var v of this.values()) newSet.add(f(v)); return newSet; }; Set.prototype.reduce = function(f,initial) { var result = initial; for (var v …

132 javascript set ecmascript-6 reduce

6

setState () à l'intérieur de componentDidUpdate ()

J'écris un script qui déplace la liste déroulante en dessous ou au-dessus de l'entrée en fonction de la hauteur de la liste déroulante et de la position de l'entrée sur l'écran. Je souhaite également définir le modificateur sur la liste déroulante en fonction de sa direction. Mais utiliser à l' …

131 javascript reactjs ecmascript-6

30

Obtenir "Impossible d'appeler une classe en tant que fonction" dans mon projet React

J'essaie d'ajouter un composant de carte React à mon projet mais je rencontre une erreur. J'utilise l'article de blog de Fullstack React comme référence. J'ai retracé l'emplacement de l'erreur dans la ligne 83 de google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class …

130 javascript google-maps reactjs ecmascript-6 react-router

17

Comment importer jquery en utilisant la syntaxe ES6?

J'écris une nouvelle application utilisant la ES6syntaxe (JavaScript) via babeltranspiler et les preset-es2015plugins, ainsi que semantic-uipour le style. index.js import * as stylesheet from '../assets/styles/app.scss'; import * as jquery2 from '../dist/scripts/jquery.min'; import * as jquery3 from '../node_modules/jquery/dist/jquery.min'; console.log($('my-app')); index.html <!DOCTYPE html> <html lang="fr"> <head> <body> <script src="dist/app.js"></script> </body> </html> Structure …

129 javascript jquery ecmascript-6 browserify semantic-ui

5

Utilisation de jQuery $ (this) avec les fonctions fléchées ES6 (lexical this binding)

L'utilisation des fonctions fléchées ES6 avec la thisliaison lexicale est excellente. Cependant, j'ai rencontré un problème il y a un instant en l'utilisant avec une liaison de clic jQuery typique: class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } En …

129 javascript jquery ecmascript-6 arrow-functions

18

Les littéraux de modèle ES6 peuvent-ils être substitués à l'exécution (ou réutilisés)?

tl; dr: Est-il possible de rendre un modèle réutilisable littéral? J'ai essayé d'utiliser des modèles littéraux, mais je suppose que je ne comprends tout simplement pas et que maintenant je suis frustré. Je veux dire, je pense que je comprends, mais "ça" ne devrait pas être comment ça marche, ni …

129 javascript ecmascript-6 template-literals

8

Comment convertir un objet simple en une carte ES6?

Pour une raison quelconque, je ne trouve pas cette chose simple dans la documentation MDN (peut-être que je la manque). Je m'attendais à ce que cela fonctionne: const map = new Map({foo: 'bar'}); map.get('foo'); // 'bar' ... mais la première ligne jette TypeError: (var)[Symbol.iterator] is not a function Comment créer …

128 javascript ecmascript-6

5

Module d'importation Typescript es6 "Le fichier n'est pas une erreur de module"

J'utilise typescript 1.6 avec la syntaxe des modules es6. Mes fichiers sont: test.ts: module App { export class SomeClass { getName(): string { return 'name'; } } } main.ts: import App from './test'; var a = new App.SomeClass(); Lorsque j'essaie de compiler le main.tsfichier, j'obtiens cette erreur: Erreur TS2306: le …

127 javascript typescript ecmascript-6

6

Quelle est la différence entre babel-preset-stage-0, babel-preset-stage-1 etc.?

Ma question est: Quelle est la différence entre babel-preset-stage-0, babel-preset-stage-1, babel-preset-stage-2et babel-preset-stage-3, et quel est le meilleur choix quand nous développons avec ES6?

126 ecmascript-6 babel

7

Accueil ne contient pas d'export nommé Accueil

Je travaillais avec create-react-appet suis tombé sur ce problème là où je suis Home does not contain an export named Home. Voici comment configurer mon App.jsfichier: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { …

123 javascript reactjs ecmascript-6 create-react-app

Questions marquées «ecmascript-6»