Wersja specyfikacji ECMAScript z 2015 r., Teraz standard (ECMAScript 2015). Tego znacznika należy używać tylko wtedy, gdy pytanie dotyczy konkretnie nowych funkcji lub zmian technicznych przewidzianych w ECMAScript 2015.
Po spędzeniu czasu na nauce React rozumiem różnicę między dwoma głównymi paradygmatami tworzenia komponentów. Moje pytanie brzmi: kiedy powinienem użyć którego i dlaczego? Jakie są zalety / kompromisy jednego nad drugim? Klasy ES6: import React, { Component } from 'react'; export class MyComponent extends Component { render() { return ( …
Mam funkcję, którą próbuję przekonwertować na nową składnię strzałek w ES6 . Jest to nazwana funkcja: function sayHello(name) { console.log(name + ' says hello'); } Czy istnieje sposób, aby nadać mu nazwę bez instrukcji var: var sayHello = (name) => { console.log(name + ' says hello'); } Oczywiście mogę korzystać …
Próbuję ustalić, czy istnieją między nimi duże różnice, poza tym, że mogę je importować, export defaultwykonując po prostu: import myItem from 'myItem'; I używając export constmogę zrobić: import { myItem } from 'myItem'; Zastanawiam się, czy istnieją jakieś różnice i / lub przypadki użycia inne niż to.
Obecnie używam ES6 w aplikacji React przez webpack / babel. Korzystam z plików indeksu, aby zebrać wszystkie komponenty modułu i wyeksportować je. Niestety wygląda to tak: 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 …
Nie znam jeszcze ECMAScript 6. Właśnie sklonowałem repozytorium React Starter Kit, które używa ES6 jako kodu aplikacji. Byłem zaskoczony, widząc, że linter jest skonfigurowany tak, aby zabraniał występowaniu use strictdyrektywy, co moim zdaniem było zalecane w JavaScript wcześniejszych niż ES6. Więc o co chodzi?
Wcześniej babel dodawał linię module.exports = exports["default"]. Już tego nie robi. Co to oznacza, zanim będę mógł: var foo = require('./foo'); // use foo Teraz muszę to zrobić: var foo = require('./foo').default; // use foo Nie jest to wielka sprawa (i myślę, że tak powinno być przez cały czas). Problem …
Muszę zrobić coś takiego: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } Powyższy kod się nie kompiluje; rzucaSyntaxError: ... 'import' and 'export' may only appear at the top level . Próbowałem używać, System.importjak pokazano tutaj , ale nie wiem, skąd Systempochodzi. Czy to …
W pliku js użyłem importu zamiast wymagać import co from 'co'; I próbował uruchomić go bezpośrednio przez nodejs, ponieważ powiedział, że import to „funkcje wysyłki” i obsługa bez żadnej flagi środowiska wykonawczego ( https://nodejs.org/en/docs/es6/ ), ale dostałem błąd import co from 'co'; ^^^^^^ SyntaxError: Unexpected token import Potem próbowałem użyć …
Dowiedzieliśmy się , że od wersji 15.3.0 React mamy nową klasę podstawową o nazwie PureComponent, która może być rozszerzona o wbudowany PureRenderMixin . Rozumiem, że pod maską stosuje się płytkie porównanie rekwizytów w środku shouldComponentUpdate. Teraz mamy 3 sposoby na zdefiniowanie komponentu React: Funkcjonalny składnik bezstanowy, który nie rozszerza żadnej …
Otrzymuję ten błąd z ESLint: error Parsing error: The keyword 'const' is reserved z tego kodu: const express = require('express'); const app = express(); const _ = require('underscore'); Próbowałem usunąć node_modulesi ponownie zainstalować wszystkie pakiety npm (jak sugerowano tutaj ), ale bezskutecznie.
Interesuje mnie, czy istnieją ograniczenia co do tego, jakie typy wartości można ustawić za pomocą constJavaScript - w poszczególnych funkcjach. Czy to jest ważne? To prawda, że działa, ale czy z jakiegoś powodu jest uważane za złą praktykę? const doSomething = () => { ... } Czy wszystkie funkcje powinny …
Jestem nowy w używaniu klas ES6 z React, wcześniej wiązałem swoje metody z bieżącym obiektem (pokaż w pierwszym przykładzie), ale czy ES6 pozwala mi na stałe powiązać funkcję klasy z instancją klasy za pomocą strzałek? (Przydatne przy przekazywaniu jako funkcja oddzwaniania). Występują błędy, gdy próbuję ich użyć w sposób możliwy …
Mam widżet czatu, który wyświetla szereg wiadomości za każdym razem, gdy przewijam w górę. Problem, z którym teraz mam do czynienia, polega na tym, że suwak pozostaje na górze podczas ładowania wiadomości. Chcę, aby skupił się na ostatnim elemencie indeksu z poprzedniej tablicy. Dowiedziałem się, że mogę tworzyć dynamiczne referencje, …
Jaki jest standardowy sposób wywoływania metod statycznych? Mogę myśleć o użyciu constructorlub używaniu samej nazwy klasy, nie podoba mi się ta druga, ponieważ nie wydaje mi się to konieczne. Czy ten pierwszy jest zalecanym sposobem, czy jest coś innego? Oto (wymyślony) przykład: class SomeObject { constructor(n){ this.n = n; } …
Tworzę projekt ReactJS z create-react-apppakietem i działa dobrze, ale nie mogę znaleźć plików i konfiguracji pakietu webpack . Jak działa aplikacja react-create-app z pakietem internetowym? Gdzie znajdują się pliki konfiguracyjne pakietu WebPack w domyślnej instalacji create-react-app? Nie mogę znaleźć plików konfiguracyjnych w folderach mojego projektu. Nie utworzyłem nadpisanego pliku konfiguracyjnego. …
Używamy plików cookie i innych technologii śledzenia w celu poprawy komfortu przeglądania naszej witryny, aby wyświetlać spersonalizowane treści i ukierunkowane reklamy, analizować ruch w naszej witrynie, i zrozumieć, skąd pochodzą nasi goście.
Kontynuując, wyrażasz zgodę na korzystanie z plików cookie i innych technologii śledzenia oraz potwierdzasz, że masz co najmniej 16 lat lub zgodę rodzica lub opiekuna.