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

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

213 javascript  reactjs  ecmascript-6  redux 

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

205 javascript  ecmascript-6  es6-modules 

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

204 javascript  ecmascript-6  arrow-functions 

В настоящее время я использую 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 …

202 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 вместо require import co from 'co'; И попытался запустить его напрямую с помощью nodejs, так как он сказал, что импорт - это «функции доставки» и поддержка без какого-либо флага времени выполнения ( https://nodejs.org/en/docs/es6/ ), но я получил ошибку import co from 'co'; ^^^^^^ SyntaxError: Unexpected …

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 = () => { ... } Должны ли все функции быть определены таким …

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 пакетом, и он работал хорошо, но я не могу найти файлы и конфигурации webpack. Как работает response-create-app с веб-пакетом? Где находятся файлы конфигурации веб-пакета при установке по умолчанию create-react-app? Я не могу найти файлы конфигурации в папках моего проекта. Я не создал переопределить файл …

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