«ecmascript-6» etiketlenmiş sorular

Tepki öğrenmek için biraz zaman geçirdikten sonra, bileşen yaratmanın iki ana paradigması arasındaki farkı anlıyorum. Sorum şudur, hangisini ve ne zaman kullanmalıyım? Birinin diğerinin yararları / değişimleri nelerdir? ES6 sınıfları: import React, { Component } from 'react'; export class MyComponent extends Component { render() { return ( <div></div> ); } …

212 javascript  reactjs  ecmascript-6  redux 

export defaultSadece yaparak ithal edebilmek dışında, bu ikisi arasında büyük farklılıklar olup olmadığını belirlemeye çalışıyorum : import myItem from 'myItem'; Ve kullanarak export constyapabilirim: import { myItem } from 'myItem'; Bunun dışında herhangi bir farklılık ve / veya kullanım örneği olup olmadığını merak ediyorum.

205 javascript  ecmascript-6  es6-modules 

ES6'da yeni ok sözdizimine dönüştürmeye çalıştığım bir işlevim var . Bu adlandırılmış bir işlevdir: function sayHello(name) { console.log(name + ' says hello'); } Var ifadesi olmayan bir ad vermenin bir yolu var mı: var sayHello = (name) => { console.log(name + ' says hello'); } Açıkçası bu işlevi ancak tanımladıktan …

204 javascript  ecmascript-6  arrow-functions 

Şu anda webpack / babel üzerinden bir React uygulamasında ES6 kullanıyorum. Bir modülün tüm bileşenlerini toplamak ve vermek için dizin dosyaları kullanıyorum. Ne yazık ki, bu şöyle görünüyor: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = Comp2_; …

203 javascript  ecmascript-6  webpack  babeljs 

Henüz ECMAScript 6'ya aşina değilim. Ben sadece uygulama kodu için ES6 kullanan React Başlangıç ​​Kiti repo klonladım. Linter'in, ES6 öncesi JavaScript'te önerildiğini düşündüğüm yönerge oluşumlarını yasaklamak için yapılandırıldığını görünce şaşırdım use strict. Ne anlamı var?

201 javascript  ecmascript-6  strict  es6-modules 

Daha önce babel çizgiyi eklerdi module.exports = exports["default"]. Artık bunu yapmıyor. Bunun ne anlama geldiğini anlamadan önce: var foo = require('./foo'); // use foo Şimdi bunu yapmak zorundayım: var foo = require('./foo').default; // use foo Büyük bir anlaşma değil (ve sanırım bu baştan beri olması gerekirdi). Sorun şu ki, işler …

195 ecmascript-6  commonjs  babeljs 

Gibi bir şey yapmam gerekiyor: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } Yukarıdaki kod derlenmez; atar SyntaxError: ... 'import' and 'export' may only appear at the top level. BuradaSystem.import gösterildiği gibi kullanmayı denedim ama nereden geldiğini bilmiyorum . Kabul edilmeyen bir ES6 …

194 javascript  module  ecmascript-6 

Js dosyasında, ithalat yerine yerine kullanılır import co from 'co'; Ve içe aktarma 'gönderim özellikleri' ve herhangi bir çalışma zamanı bayrağı olmadan destek ( https://nodejs.org/en/docs/es6/ ) olduğu için doğrudan nodejs tarafından çalıştırılmaya çalışıldı , ancak bir hata aldım import co from 'co'; ^^^^^^ SyntaxError: Unexpected token import Sonra babil kullanmaya …

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

Dan olduğunu bilmek geldi v15.3.0 tepki , yeni bir temel sınıf olarak adlandırılan sahip PureComponent ile genişletmek için PureRenderMixin yerleşik. Anladığım kadarıyla, kaputun altında bu, iç kısımdaki sahne malzemelerinin sığ bir karşılaştırmasını kullanıyor shouldComponentUpdate. Şimdi bir React bileşenini tanımlamanın 3 yolu var: Hiçbir sınıfı genişletmeyen işlevsel durumsuz bileşen PureComponentSınıfı genişleten …

189 javascript  reactjs  ecmascript-6 

ESLint bu hatayı alıyorum: error Parsing error: The keyword 'const' is reserved bu koddan: const express = require('express'); const app = express(); const _ = require('underscore'); node_modules( Burada önerildiği gibi ) tüm npm paketleri kaldırma ve yeniden yüklemeyi denedim , ama boşuna.

188 javascript  node.js  ecmascript-6  eslint 

constJavaScript'te ne tür değerlerin ayarlanabileceğine ilişkin sınırlamalar olup olmadığını, özellikle de işlevleri ilgilendiriyorum . Bu geçerli mi? İşe yarıyor, ancak herhangi bir nedenle kötü uygulama olarak kabul ediliyor mu? const doSomething = () => { ... } ES6'da tüm fonksiyonlar bu şekilde tanımlanmalı mıdır? Öyle görünüyorsa, bu yakalanmış gibi görünmüyor. …

183 javascript  function  const  ecmascript-6 

Her kaydırma yaptığımda bir dizi mesajı çeken bir sohbet widget'ım var. Şimdi karşı karşıya olduğum sorun mesajlar yüklendiğinde kaydırıcı üst sabit kalır. Önceki dizinin son dizin öğesine odaklanmak istiyorum. Dizini geçerek dinamik referanslar yapabileceğimi anladım, ancak bunu elde etmek için ne tür kaydırma işlevinin kullanılacağını da bilmem gerekir. handleScrollToElement(event) { …

183 javascript  reactjs  ecmascript-6 

React ile ES6 sınıflarını kullanmak için yeni, daha önce yöntemlerimi geçerli nesneye bağladım (ilk örnekte göster), ama ES6 kalıcı olarak bir sınıf işlevini oklarla bir sınıf örneği bağlamak için izin veriyor mu? (Geri arama işlevi olarak geçerken kullanışlıdır.) CoffeeScript ile bunları mümkün olduğunca kullanmaya çalıştığımda hata alıyorum: class SomeClass extends …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

Statik yöntemleri çağırmanın standart yolu nedir? constructorSınıfın adını kullanmayı veya kullanmayı düşünebilirim, gerekli hissetmediği için ikincisini sevmiyorum. İlki önerilen yol mu, yoksa başka bir şey var mı? İşte (tutarlı) bir örnek: class SomeObject { constructor(n){ this.n = n; } static print(n){ console.log(n); } printN(){ this.constructor.print(this.n); } }

176 javascript  class  static  ecmascript-6  es6-class 

React'in küme ayracı gösterimini ve bir hrefetiketi birleştirmenin bir yolu var mı ? Eyalette aşağıdaki değere sahip olduğumuzu varsayalım: {this.state.id} ve bir etiket üzerinde aşağıdaki HTML nitelikleri: href="#demo1" id="demo1" Bunun idgibi bir şey elde etmek için durumu HTML özelliğine eklememin bir yolu var mı : href={"#demo + {this.state.id}"} Hangisi verecek: …

175 javascript  html  reactjs  ecmascript-6