Programmazione ecmascript-6

9

Come impostare i puntelli predefiniti del componente sul componente React

Uso il codice qui sotto per impostare oggetti di scena predefiniti su un componente React ma non funziona. Nel render()metodo, posso vedere l'output "oggetti di scena non definiti" è stato stampato sulla console del browser. Come posso definire un valore predefinito per gli oggetti di scena del componente? export default …

135 reactjs ecmascript-6

19

Classe ES6 Eredità multipla

Ho fatto la maggior parte delle mie ricerche su questo su BabelJS e su MDN (che non ha alcuna informazione), ma non esitate a dirmi se non sono stato abbastanza attento a cercare in giro ulteriori informazioni sulla specifica ES6. Mi chiedo se ES6 supporti o meno l'ereditarietà allo stesso …

134 javascript ecmascript-6

9

Puoi associare "questo" a una funzione freccia?

Sto sperimentando ES6 da un po 'di tempo e ho appena riscontrato un leggero problema. Mi piace molto usare le funzioni freccia e ogni volta che posso, le uso. Tuttavia, sembrerebbe che non puoi vincolarli! Ecco la funzione: var f = () => console.log(this); Ecco l'oggetto a cui voglio associare …

133 javascript function ecmascript-6

8

Javascript ES6 / ES5 trova in array e cambia

Ho una serie di oggetti. Voglio trovare un campo e poi cambiarlo: var item = {...} var items = [{id:2}, {id:2}, {id:2}]; var foundItem = items.find(x => x.id == item.id); foundItem = item; Voglio che cambi l'oggetto originale. Come? (Non mi importa se sarà anche in lodash)

133 javascript arrays ecmascript-6 lodash

14

Estensione dell'errore in Javascript con sintassi ES6 e Babele

Sto cercando di estendere Error con ES6 e Babel. Non sta funzionando. 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'oggetto Error non ottiene mai il set di messaggi corretto. …

132 javascript ecmascript-6 babeljs transpiler

6

setState () all'interno di componentDidUpdate ()

Sto scrivendo uno script che sposta il menu a discesa sotto o sopra l'input a seconda dell'altezza del menu a discesa e della posizione dell'input sullo schermo. Inoltre voglio impostare il modificatore sul menu a discesa in base alla sua direzione. Ma l'uso setStateall'interno di componentDidUpdatecrea un ciclo infinito (che …

131 javascript reactjs ecmascript-6

3

Come mappare / ridurre / filtrare un set in JavaScript?

C'è un modo per map/ reduce/ filter/ etc a Setin JavaScript o dovrò scriverne uno mio? Ecco alcune Set.prototypeestensioni sensate 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 …

131 javascript set ecmascript-6 reduce

30

Ottenere "Impossibile chiamare una classe come funzione" nel mio progetto React

Sto cercando di aggiungere un componente della mappa React al mio progetto ma ho riscontrato un errore. Sto usando il post sul blog di Fullstack React come riferimento. Ho rintracciato dove l'errore viene generato nella riga 83 di google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new …

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

17

Come importare jquery usando la sintassi ES6?

Sto scrivendo una nuova app utilizzando la ES6sintassi (JavaScript) tramite babeltranspiler e preset-es2015plugin, oltre che semantic-uiper lo stile. 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> Struttura …

129 javascript jquery ecmascript-6 browserify semantic-ui

5

Utilizzo di jQuery $ (this) con ES6 Arrow Functions (lessicale this binding)

Usare le funzioni freccia ES6 con l' thisassociazione lessicale è fantastico. Tuttavia, mi sono imbattuto in un problema un momento fa usandolo con un tipico clic di jQuery: class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } Utilizzando invece una …

129 javascript jquery ecmascript-6 arrow-functions

18

I letterali del modello ES6 possono essere sostituiti in fase di esecuzione (o riutilizzati)?

tl; dr: È possibile rendere letterale un modello riutilizzabile? Ho provato a utilizzare i letterali modello ma immagino di non capirlo e ora mi sto frustrando. Voglio dire, penso di aver capito, ma "non" dovrebbe essere come funziona o come dovrebbe essere. Dovrebbe andare diversamente. Tutti gli esempi che vedo …

129 javascript ecmascript-6 template-literals

8

Come convertire un semplice oggetto in una mappa ES6?

Per qualche motivo non riesco a trovare questa semplice cosa nei documenti MDN (forse mi manca solo). Mi aspettavo che funzionasse: const map = new Map({foo: 'bar'}); map.get('foo'); // 'bar' ... ma la prima riga lancia TypeError: (var)[Symbol.iterator] is not a function Come si crea una mappa da un oggetto …

128 javascript ecmascript-6

5

Typescript es6 import module "Il file non è un errore del modulo"

Sto usando il dattiloscritto 1.6 con la sintassi dei moduli es6. I miei file sono: test.ts: module App { export class SomeClass { getName(): string { return 'name'; } } } main.ts: import App from './test'; var a = new App.SomeClass(); Quando provo a compilare il main.tsfile ottengo questo errore: …

127 javascript typescript ecmascript-6

6

Qual è la differenza tra babel-preset-stage-0, babel-preset-stage-1 ecc?

La mia domanda è: Qual è la differenza tra babel-preset-stage-0, babel-preset-stage-1, babel-preset-stage-2e babel-preset-stage-3, e qual è la scelta migliore quando sviluppiamo con ES6?

126 ecmascript-6 babel

7

Home non contiene un'esportazione denominata Home

Stavo lavorando create-react-appe mi sono imbattuto in questo problema in cui ottengo Home does not contain an export named Home. Ecco come imposto il mio App.jsfile: 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

Domande taggate «ecmascript-6»