Pertanyaan yang diberi tag «ecmascript-6»

Setelah menghabiskan waktu belajar Bereaksi, saya memahami perbedaan antara dua paradigma utama pembuatan komponen. Pertanyaan saya adalah kapan saya harus menggunakan yang mana dan mengapa? Apa manfaat / pengorbanan dari satu di atas yang lain? Kelas ES6: import React, { Component } from 'react'; export class MyComponent extends Component { …

212 javascript  reactjs  ecmascript-6  redux 

Saya memiliki fungsi yang saya coba konversi ke sintaks panah baru di ES6 . Ini adalah fungsi bernama: function sayHello(name) { console.log(name + ' says hello'); } Apakah ada cara untuk memberinya nama tanpa pernyataan var: var sayHello = (name) => { console.log(name + ' says hello'); } Jelas, saya …

204 javascript  ecmascript-6  arrow-functions 

Saya mencoba menentukan apakah ada perbedaan besar antara keduanya, selain dapat mengimpor dengan export defaulthanya melakukan: import myItem from 'myItem'; Dan menggunakan export constsaya bisa lakukan: import { myItem } from 'myItem'; Saya bertanya-tanya apakah ada perbedaan dan / atau kasus penggunaan selain ini.

204 javascript  ecmascript-6  es6-modules 

Saat ini saya menggunakan ES6 di aplikasi Bereaksi via webpack / babel. Saya menggunakan file indeks untuk mengumpulkan semua komponen modul dan mengekspornya. Sayangnya, yang terlihat seperti ini: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = Comp2_; …

202 javascript  ecmascript-6  webpack  babeljs 

Saya belum terbiasa dengan ECMAScript 6. Saya baru saja mengkloning repo React Starter Kit, yang menggunakan ES6 untuk kode aplikasi. Saya terkejut melihat bahwa linter dikonfigurasi untuk melarang kejadian use strictdirektif, yang saya pikir direkomendasikan dalam JavaScript pra-ES6. Jadi apa gunanya?

200 javascript  ecmascript-6  strict  es6-modules 

Sebelumnya, babel akan menambahkan baris module.exports = exports["default"]. Tidak lagi melakukan ini. Apa artinya ini sebelum saya bisa melakukan: var foo = require('./foo'); // use foo Sekarang saya harus melakukan ini: var foo = require('./foo').default; // use foo Bukan masalah besar (dan saya menduga inilah yang seharusnya selama ini). Masalahnya …

195 ecmascript-6  commonjs  babeljs 

Saya perlu melakukan sesuatu seperti: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } Kode di atas tidak dikompilasi; itu melempar SyntaxError: ... 'import' and 'export' may only appear at the top level. Saya mencoba menggunakan System.importseperti yang ditunjukkan di sini , tetapi saya …

194 javascript  module  ecmascript-6 

Dalam file js, saya menggunakan impor bukannya membutuhkan import co from 'co'; Dan mencoba menjalankannya secara langsung oleh nodejs karena dikatakan impor adalah 'fitur pengiriman' dan dukungan tanpa tanda runtime ( https://nodejs.org/en/docs/es6/ ), tetapi saya mendapat kesalahan import co from 'co'; ^^^^^^ SyntaxError: Unexpected token import Kemudian saya mencoba menggunakan …

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

Untuk mengetahui bahwa dari Bereaksi v15.3.0 , kami memiliki kelas dasar baru yang disebut PureComponent untuk diperluas dengan PureRenderMixin bawaan . Apa yang saya mengerti adalah bahwa, di bawah tenda ini menggunakan perbandingan alat peraga di dalam shouldComponentUpdate. Sekarang kita memiliki 3 cara untuk mendefinisikan komponen Bereaksi: Komponen stateless fungsional …

189 javascript  reactjs  ecmascript-6 

Saya mendapatkan kesalahan ini dari ESLint: error Parsing error: The keyword 'const' is reserved dari kode ini: const express = require('express'); const app = express(); const _ = require('underscore'); Saya sudah mencoba menghapus node_modulesdan menginstal ulang semua paket npm (seperti yang disarankan di sini ), tetapi tidak berhasil.

188 javascript  node.js  ecmascript-6  eslint 

Saya tertarik jika ada batasan untuk jenis nilai apa yang dapat diatur menggunakan constJavaScript — dalam fungsi tertentu. Apakah ini valid? Memang itu berhasil, tetapi apakah itu dianggap praktik buruk karena alasan apa pun? const doSomething = () => { ... } Haruskah semua fungsi didefinisikan dengan cara ini di …

183 javascript  function  const  ecmascript-6 

Saya baru menggunakan kelas ES6 dengan React, sebelumnya saya telah mengikat metode saya ke objek saat ini (tunjukkan dalam contoh pertama), tetapi apakah ES6 memungkinkan saya untuk secara permanen mengikat fungsi kelas ke instance kelas dengan panah dengan kelas? (Berguna saat melewati sebagai fungsi panggilan balik.) Saya mendapatkan kesalahan ketika …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

Saya memiliki widget obrolan yang menarik serangkaian pesan setiap kali saya menggulir ke atas. Masalah yang saya hadapi sekarang adalah slider tetap diperbaiki di atas ketika pesan dimuat. Saya ingin fokus pada elemen indeks terakhir dari array sebelumnya. Saya menemukan bahwa saya dapat membuat referensi dinamis dengan melewati indeks, tetapi …

181 javascript  reactjs  ecmascript-6 

Apa cara standar untuk memanggil metode statis? Saya bisa memikirkan menggunakan constructoratau menggunakan nama kelas itu sendiri, saya tidak suka yang terakhir karena merasa tidak perlu. Apakah yang pertama direkomendasikan, atau ada yang lain? Berikut ini contoh (buat-buat): class SomeObject { constructor(n){ this.n = n; } static print(n){ console.log(n); } …

176 javascript  class  static  ecmascript-6  es6-class 

Saya membuat proyek ReactJS dengan create-react-apppaket dan itu bekerja dengan baik, tetapi saya tidak dapat menemukan file dan konfigurasi webpack. Bagaimana cara kerja reaksi-membuat-aplikasi dengan webpack? Di mana file konfigurasi webpack berada dalam instalasi default create-react-app? Saya tidak dapat menemukan file konfigurasi di folder proyek saya. Saya belum membuat file …

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