Вопросы с тегом «ecmascript-6»

243
Могу ли я использовать синтаксис функции стрелки ES6 с генераторами? (обозначение стрелки)

т.е. как я могу выразить это: function *(next) {} со стрелками Я перепробовал все комбинации, которые мог придумать, и не могу найти никакой документации по этому вопросу. (в настоящее время используется узел...

241
Почему компонент es6 реагирует только на «экспорт по умолчанию»?

Этот компонент работает: export class Template extends React.Component { render() { return ( <div> component </div> ); } }; export default Template; Если я удалю последнюю строку, это не сработает. Uncaught TypeError: Cannot read property 'toUpperCase' of undefined Наверное, я не...

237
Как преобразовать ключи карты в массив?

Допустим, у меня есть следующая карта: let myMap = new Map().set('a', 1).set('b', 2); И я хочу получить ['a', 'b'] на основании вышеизложенного. Мое текущее решение кажется таким длинным и ужасным. let myMap = new Map().set('a', 1).set('b', 2); let keys = []; for (let key of myMap) keys.push(key);...

228
Доступ к индексу элемента массива ES6 внутри цикла for-of

Мы можем получить доступ к элементам массива, используя цикл for: for (const j of [1, 2, 3, 4, 5]) { console.log(j); } Как я могу изменить этот код для доступа к текущему индексу тоже? Я хочу добиться этого с помощью синтаксиса for-of, ни forEach, ни...

213
Когда использовать компоненты React на базе класса ES6 в сравнении с функциональными компонентами ES6 React?

Потратив некоторое время на изучение React, я понимаю разницу между двумя основными парадигмами создания компонентов. У меня вопрос, когда я должен использовать какой и почему? Каковы преимущества / компромиссы одного над другим? ES6 классы: import React, { Component } from 'react'; export class...

205
`экспорт const` против` экспорт по умолчанию` в ES6

Я пытаюсь определить, есть ли какие-то большие различия между этими двумя, кроме возможности импортировать export default, просто выполнив: import myItem from 'myItem'; И используя export constя могу сделать: import { myItem } from 'myItem'; Мне интересно, есть ли какие-либо различия и / или...

204
Как мне написать именованную функцию стрелки в ES2015?

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

202
ES6 экспорт / импорт в индексный файл

В настоящее время я использую ES6 в приложении React через webpack / babel. Я использую индексные файлы, чтобы собрать все компоненты модуля и экспортировать их. К сожалению, это выглядит так: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx';...

200
Не рекомендуется использовать «строгий» в ES6?

Я еще не знаком с ECMAScript 6. Я только что клонировал репозиторий React Starter Kit, который использует ES6 для кода приложения. Я был удивлен, увидев, что линтер настроен так, чтобы запрещать вхождения use strictдирективы, что, как я думал, было рекомендовано в JavaScript до версии ES6. Так...

195
Babel 6 меняет способ экспорта по умолчанию

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

194
Как я могу условно импортировать модуль ES6?

Мне нужно сделать что-то вроде: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } Приведенный выше код не компилируется; это бросает SyntaxError: ... 'import' and 'export' may only appear at the top level. Я попытался использовать, System.importкак...

192
«Неожиданный импорт токенов» в Nodejs5 и babel?

В js-файле я использовал import вместо require import co from 'co'; И попытался запустить его напрямую с помощью nodejs, так как он сказал, что импорт - это «функции доставки» и поддержка без какого-либо флага времени выполнения ( https://nodejs.org/en/docs/es6/ ), но я получил ошибку import co...

189
Реагировать функциональный компонент без состояния, PureComponent, Component; Какие различия и когда мы должны использовать что?

Мы узнали, что из React v15.3.0 у нас есть новый базовый класс под названием PureComponent, который можно расширять с помощью встроенного PureRenderMixin . Что я понимаю, так это то, что под капотом используется неглубокое сравнение реквизита внутри shouldComponentUpdate. Теперь у нас есть 3...

188
eslint: error Ошибка синтаксического анализа: ключевое слово «const» зарезервировано

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

183
Правильное использование const для определения функций в JavaScript

Мне интересно, есть ли какие-либо ограничения на то, какие типы значений могут быть установлены с помощью constJavaScript - в частности, функции. Это действительно? Конечно, это работает, но считается ли это плохой практикой по какой-либо причине? const doSomething = () => { ... } Должны ли все...

181
Как прокрутить до элемента?

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

181
Как использовать функции стрелок (открытые поля классов) в качестве методов класса?

Я новичок в использовании классов ES6 с React, ранее я связывал свои методы с текущим объектом (покажите в первом примере), но позволяет ли ES6 навсегда привязать функцию класса к экземпляру класса с помощью стрелок? (Полезно при передаче в качестве функции обратного вызова.) Я получаю ошибки,...

176
Вызов статических методов из обычных методов класса ES6

Какой стандартный способ вызова статических методов? Я могу думать об использовании constructorили использовании имени самого класса, мне не нравится последний, так как он не чувствует необходимости. Первый рекомендуемый способ, или есть что-то еще? Вот (надуманный) пример: class SomeObject {...

174
где находится конфиг и файлы создания веб-пакета create-response-app?

Я создаю проект ReactJS с create-react-app пакетом, и он работал хорошо, но я не могу найти файлы и конфигурации webpack. Как работает response-create-app с веб-пакетом? Где находятся файлы конфигурации веб-пакета при установке по умолчанию create-react-app? Я не могу найти файлы конфигурации в...