«ecmascript-6» 태그된 질문

React를 배우는 데 시간을 보낸 후 구성 요소를 만드는 두 가지 주요 패러다임의 차이점을 이해합니다. 내 질문은 언제 어느 것을 사용해야 하는가? 다른 것의 장점 / 무역은 무엇입니까? ES6 수업 : import React, { Component } from 'react'; export class MyComponent extends Component { render() { return ( <div></div> ); …

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 

현재 webpack / babel을 통해 React 앱에서 ES6을 사용하고 있습니다. 색인 파일을 사용하여 모듈의 모든 구성 요소를 수집하고 내보내고 있습니다. 불행히도 다음과 같습니다. import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = Comp2_; export const Comp3 = Comp3_; …

201 javascript  ecmascript-6  webpack  babeljs 

아직 ECMAScript 6에 익숙하지 않습니다. 방금 응용 프로그램 코드에 ES6을 사용하는 React Starter Kit 저장소를 복제했습니다. 린터가 지시어의 발생을 금지 하도록 구성 되어 있다는 사실에 놀랐습니다 use strict.ES6 이전의 JavaScript에서 권장되었다고 생각했습니다. 그래서 요점이 뭐야?

200 javascript  ecmascript-6  strict  es6-modules 

전에, babel은 줄을 추가 할 것 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표시된대로 사용하려고했지만 어디서 왔는지 모르겠습니다 . ES6 제안은 결국 받아 들여지지 …

194 javascript  module  ecmascript-6 

js 파일에서 필요 대신 가져 오기를 사용했습니다. import co from 'co'; 가져 오기가 '배송 기능'이고 런타임 플래그 ( https://nodejs.org/en/docs/es6/ ) 없이 지원한다고 nodejs에서 직접 실행하려고했지만 오류가 발생했습니다. import co from 'co'; ^^^^^^ SyntaxError: Unexpected token import 그런 다음 babel을 사용하려고했습니다. npm install -g babel-core npm install -g babel-cli npm install …

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

에서 알고 온 v15.3.0 반응 , 우리는 새로운 기본 클래스라는이 PureComponent 로 확장 할 수 PureRenderMixin 내장을. 내가 이해하는 것은 후드 아래에서 소품의 얕은 비교를 사용한다는 것입니다 shouldComponentUpdate. 이제 React 컴포넌트를 정의하는 3 가지 방법이 있습니다 : 클래스를 확장하지 않는 기능적인 Stateless 구성 요소 PureComponent클래스 를 확장하는 구성 요소 Component클래스 …

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 

나는 React와 함께 ES6 클래스를 처음 사용하고 있는데, 이전에는 메소드를 현재 객체에 바인딩했지만 (첫 번째 예 참조) ES6을 통해 클래스 함수를 화살표가있는 클래스 인스턴스에 영구적으로 바인딩 할 수 있습니까? (콜백 함수로 전달할 때 유용합니다.) CoffeeScript에서 가능한 한 오류를 사용하려고하면 오류가 발생합니다. class SomeClass extends React.Component { // Instead of this …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

스크롤 할 때마다 여러 메시지를 표시하는 채팅 위젯이 있습니다. 내가 지금 직면하고있는 문제는 메시지가로드 될 때 슬라이더가 맨 위에 고정되어 있다는 것입니다. 이전 배열의 마지막 색인 요소에 초점을 맞추고 싶습니다. 인덱스를 전달하여 동적 참조를 만들 수 있다는 것을 알았지 만이를 달성하기 위해 사용할 스크롤 기능의 종류도 알아야합니다. handleScrollToElement(event) { const …

181 javascript  reactjs  ecmascript-6 

정적 메소드를 호출하는 표준 방법은 무엇입니까? 나는 constructor클래스 자체의 이름 을 사용 하거나 사용할 것을 생각할 수 있습니다 . 필요하지 않다고 생각하기 때문에 후자를 좋아하지 않습니다. 전자가 권장되는 방법입니까, 아니면 다른 것이 있습니까? 다음은 (고려 된) 예입니다. class SomeObject { constructor(n){ this.n = n; } static print(n){ console.log(n); } printN(){ …

176 javascript  class  static  ecmascript-6  es6-class 

create-react-app패키지 로 ReactJS 프로젝트를 작성했는데 제대로 작동했지만 웹팩 파일 및 구성을 찾을 수 없습니다. react-create-app는 웹팩에서 어떻게 작동합니까? 기본 설치에서 웹팩 구성 파일은 어디에 있습니까 create-react-app? 프로젝트 폴더에서 구성 파일을 찾을 수 없습니다. 재정의 구성 파일을 만들지 않았습니다. 다른 기사를 사용하여 구성 설정을 관리 할 수 ​​있지만 기존 구성 파일을 …

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