Запитання з тегом «ecmascript-6»

Провівши деякий час на вивчення React, я розумію різницю між двома основними парадигмами створення компонентів. Моє запитання - коли я повинен використовувати який і чому? Які переваги / компроміси однієї над іншою? ES6 класи: import React, { Component } from 'react'; export class MyComponent extends Component { render() { return …

211 javascript  reactjs  ecmascript-6  redux 

У мене є функція, яку я намагаюся перетворити на новий синтаксис стрілки в ES6 . Це названа функція: function sayHello(name) { console.log(name + ' says hello'); } Чи є спосіб надати ім'я без заяви var: var sayHello = (name) => { console.log(name + ' says hello'); } Очевидно, я можу …

204 javascript  ecmascript-6  arrow-functions 

Я намагаюся визначити, чи є якісь великі відмінності між цими двома, крім того, що я можу імпортувати export default, просто виконуючи такі дії: import myItem from 'myItem'; І за допомогою export constя можу: import { myItem } from 'myItem'; Мені цікаво, чи є якісь відмінності та / або використовуються випадки, …

204 javascript  ecmascript-6  es6-modules 

Зараз я використовую ES6 в додатку React через webpack / babel. Я використовую файли індексу, щоб зібрати всі компоненти модуля та експортувати їх. На жаль, це виглядає приблизно так: 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 

Я ще не знайомий з ECMAScript 6. Я щойно клонував репо React Starter Kit, який використовує ES6 для коду програми. Я був здивований, побачивши, що лінійка налаштована таким чином, щоб забороняти виникнення use strictдирективи, що, на мою думку, було рекомендовано в JavaScript перед ES6. Тож який сенс?

200 javascript  ecmascript-6  strict  es6-modules 

Раніше вавилон додав би рядок module.exports = exports["default"]. Це більше не робить цього. Що це означає, перш ніж я міг зробити: var foo = require('./foo'); // use foo Тепер я повинен зробити це: var foo = require('./foo').default; // use foo Не велика справа (і я здогадуюсь, це те, що повинно …

195 ecmascript-6  commonjs  babeljs 

Мені потрібно зробити щось на кшталт: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } Вищевказаний код не складається; це кидає SyntaxError: ... 'import' and 'export' may only appear at the top level. Я спробував використовувати, System.importяк показано тут , але не знаю, звідки …

194 javascript  module  ecmascript-6 

У js-файлі я використовував імпорт, а не вимагати import co from 'co'; І спробував запустити його безпосередньо nodejs, оскільки він сказав, що імпорт - це "функції доставки" та підтримка без будь-якого прапора виконання ( https://nodejs.org/en/docs/es6/ ), але я отримав помилку import co from 'co'; ^^^^^^ SyntaxError: Unexpected token import Тоді …

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

З'ясувалося, що від React v15.3.0 у нас є новий базовий клас під назвою PureComponent для розширення із вбудованим PureRenderMixin . Я розумію, що під кришкою використовується неглибоке порівняння реквізиту всередині shouldComponentUpdate. Тепер у нас є 3 способи визначення компонента React: Функціональний компонент без стану, який не розширює жоден клас Компонент, …

189 javascript  reactjs  ecmascript-6 

Я отримую цю помилку від ESLint: error Parsing error: The keyword 'const' is reserved з цього коду: const express = require('express'); const app = express(); const _ = require('underscore'); Я спробував видалити node_modulesта перевстановити всі пакети npm (як тут запропоновано ), але безрезультатно.

188 javascript  node.js  ecmascript-6  eslint 

Мене цікавить, чи є обмеження щодо того, які типи значень можна встановити за допомогою constJavaScript - зокрема функцій. Чи дійсно це? Звичайно, це працює, але чи вважається це поганою практикою з будь-якої причини? const doSomething = () => { ... } Чи слід усі функції визначати таким чином у ES6? …

183 javascript  function  const  ecmascript-6 

Я новачок у використанні класів ES6 з React, раніше я прив'язував свої методи до поточного об'єкта (покажіть у першому прикладі), але чи дозволяє ES6 мені постійно прив’язувати функцію класу до екземпляра класу зі стрілками? (Корисно при передачі як функція зворотного дзвінка.) Я отримую помилки, коли намагаюся використовувати їх як можна …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

У мене є віджет для чату, який піднімає масив повідомлень щоразу, коли я прокручую вгору. Проблема, з якою я стикаюся зараз, полягає в тому, що слайдер залишається нерухомим у верхній частині під час завантаження повідомлень. Я хочу, щоб він зосередився на останньому елементі індексу з попереднього масиву. Я зрозумів, що …

181 javascript  reactjs  ecmascript-6 

Який стандартний спосіб викликати статичні методи? Я можу подумати про використання constructorабо використання самого класу, мені не подобається останній, оскільки він не вважає за потрібне. Це колишній рекомендований спосіб, чи є щось інше? Ось (надуманий) приклад: 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 

Я створюю проект ReactJS з create-react-appпакетом, і це спрацювало добре, але я не можу знайти файли та конфігурації вебпакету . Як реагує-створює додаток працює з веб-пакетом? Де розміщені файли конфігурації веб-пакета в установці за замовчуванням create-react-app? Я не можу знайти файли конфігурації у папках свого проекту. Я не створив конфігураційний …

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