Programmierung ecmascript-6

4

Wann sollten ES6-klassenbasierte React-Komponenten im Vergleich zu funktionalen ES6-React-Komponenten verwendet werden?

Nachdem ich einige Zeit mit React verbracht habe, verstehe ich den Unterschied zwischen den beiden Hauptparadigmen beim Erstellen von Komponenten. Meine Frage ist, wann ich welche verwenden soll und warum? Was sind die Vorteile / Kompromisse von einem zum anderen? ES6-Klassen: import React, { Component } from 'react'; export class …

211 javascript reactjs ecmascript-6 redux

8

Wie schreibe ich eine benannte Pfeilfunktion in ES2015?

Ich habe eine Funktion, die ich in ES6 in die neue Pfeilsyntax konvertieren möchte . Es ist eine benannte Funktion: function sayHello(name) { console.log(name + ' says hello'); } Gibt es eine Möglichkeit, ihm einen Namen ohne var-Anweisung zu geben: var sayHello = (name) => { console.log(name + ' says …

204 javascript ecmascript-6 arrow-functions

6

`export const` vs.` export default` in ES6

Ich versuche festzustellen, ob es große Unterschiede zwischen diesen beiden gibt, abgesehen davon, dass ich mit export defaultnur importieren kann : import myItem from 'myItem'; Und mit export constkann ich tun: import { myItem } from 'myItem'; Ich frage mich, ob es andere Unterschiede und / oder Anwendungsfälle gibt.

204 javascript ecmascript-6 es6-modules

5

ES6 Exportieren / Importieren in Indexdatei

Ich verwende derzeit ES6 in einer React-App über Webpack / Babel. Ich verwende Indexdateien, um alle Komponenten eines Moduls zu sammeln und zu exportieren. Das sieht leider so aus: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = …

201 javascript ecmascript-6 webpack babeljs

1

Nicht empfohlen, in ES6 "use strict" zu verwenden?

Ich bin noch nicht mit ECMAScript 6 vertraut. Ich habe gerade das Repo des React Starter Kit geklont, das ES6 als Anwendungscode verwendet. Ich war überrascht zu sehen, dass der Linter so konfiguriert ist , dass er das Auftreten der use strictDirektive verbietet , was meiner Meinung nach in JavaScript …

199 javascript ecmascript-6 strict es6-modules

4

Babel 6 ändert die Art und Weise, wie es standardmäßig exportiert

Vorher fügte Babel die Zeile hinzu module.exports = exports["default"]. Das macht es nicht mehr. Was dies bedeutet, ist bevor ich tun konnte: var foo = require('./foo'); // use foo Jetzt muss ich das machen: var foo = require('./foo').default; // use foo Keine große Sache (und ich vermute, das hätte es …

195 ecmascript-6 commonjs babeljs

13

"Unerwarteter Token-Import" in Nodejs5 und Babel?

In js Datei habe ich Import verwendet, anstatt zu erfordern import co from 'co'; Ich habe versucht, es direkt von nodejs auszuführen, da der Import "Versandfunktionen" und Unterstützung ohne Laufzeitflag ( https://nodejs.org/en/docs/es6/ ) ist, aber ich habe einen Fehler erhalten import co from 'co'; ^^^^^^ SyntaxError: Unexpected token import Dann …

192 javascript node.js ecmascript-6 babeljs package.json

11

Wie kann ich ein ES6-Modul bedingt importieren?

Ich muss so etwas tun wie: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } Der obige Code wird nicht kompiliert. es wirft SyntaxError: ... 'import' and 'export' may only appear at the top level. Ich habe versucht, System.importwie hier gezeigt zu verwenden , …

192 javascript module ecmascript-6

3

Reagieren Sie auf eine funktionale zustandslose Komponente, PureComponent, Component; Was sind die Unterschiede und wann sollten wir was verwenden?

Wir haben erfahren , dass wir ab React v15.3.0 eine neue Basisklasse namens PureComponent haben , die mit dem integrierten PureRenderMixin erweitert werden kann . Was ich verstehe ist, dass unter der Haube ein flacher Vergleich der Requisiten im Inneren verwendet wird shouldComponentUpdate. Jetzt haben wir drei Möglichkeiten, eine React-Komponente …

188 javascript reactjs ecmascript-6

6

eslint: error Analysefehler: Das Schlüsselwort 'const' ist reserviert

Ich erhalte diesen Fehler von ESLint: error Parsing error: The keyword 'const' is reserved aus diesem Code: const express = require('express'); const app = express(); const _ = require('underscore'); Ich habe versucht, node_modulesalle npm-Pakete zu entfernen und neu zu installieren (wie hier vorgeschlagen ), aber ohne Erfolg.

186 javascript node.js ecmascript-6 eslint

4

Wie verwende ich Pfeilfunktionen (öffentliche Klassenfelder) als Klassenmethoden?

Ich bin neu in der Verwendung von ES6-Klassen mit React. Zuvor habe ich meine Methoden an das aktuelle Objekt gebunden (siehe erstes Beispiel). Kann ich mit ES6 eine Klassenfunktion dauerhaft mit Pfeilen an eine Klasseninstanz binden? (Nützlich beim Übergeben als Rückruffunktion.) Ich erhalte Fehler, wenn ich versuche, sie so gut …

181 javascript reactjs ecmascript-6 babeljs ecmascript-next

4

Richtige Verwendung von const zum Definieren von Funktionen in JavaScript

Ich bin interessiert, ob es Grenzen gibt, welche Arten von Werten constin JavaScript festgelegt werden können - insbesondere Funktionen. Ist das gültig? Zugegeben, es funktioniert, aber wird es aus irgendeinem Grund als schlechte Praxis angesehen? const doSomething = () => { ... } Sollten alle Funktionen in ES6 so definiert …

181 javascript function const ecmascript-6

19

Wie scrolle ich zu einem Element?

Ich habe ein Chat-Widget, das bei jedem Bildlauf eine Reihe von Nachrichten abruft. Das Problem, mit dem ich jetzt konfrontiert bin, ist, dass der Schieberegler beim Laden von Nachrichten oben fixiert bleibt. Ich möchte, dass es sich auf das letzte Indexelement aus dem vorherigen Array konzentriert. Ich habe herausgefunden, dass …

180 javascript reactjs ecmascript-6

3

Rufen Sie statische Methoden aus regulären ES6-Klassenmethoden auf

Wie werden statische Methoden standardmäßig aufgerufen? Ich kann mir vorstellen constructor, den Namen der Klasse selbst zu verwenden oder zu verwenden. Letzteres gefällt mir nicht, da es sich nicht notwendig anfühlt. Ist der erstere der empfohlene Weg oder gibt es noch etwas anderes? Hier ist ein (erfundenes) Beispiel: class SomeObject …

175 javascript class static ecmascript-6 es6-class

9

Wo befindet sich die Webpack-Konfiguration und die Dateien für die Create-React-App?

Ich erstelle ein ReactJS-Projekt mit dem create-react-appPaket und das hat gut funktioniert, aber ich kann keine Webpack-Dateien und -Konfigurationen finden. Wie funktioniert die React-Create-App mit Webpack? Wo befinden sich die Webpack-Konfigurationsdateien in einer Standardinstallation mit create-react-app? Ich kann keine Konfigurationsdateien in den Ordnern meines Projekts finden. Ich habe keine Überschreibungskonfigurationsdatei …

172 javascript reactjs webpack ecmascript-6 create-react-app

Als «ecmascript-6» getaggte Fragen