Javascript'te varsayılan içe aktarmayı nasıl takma adlandırabilirim?


381

ES6 modüllerini kullanarak, adlandırılmış bir içe aktarma takma adı oluşturabileceğimi biliyorum

import { foo as bar } from 'my-module';

Ve varsayılan bir içe aktarmayı içe aktarabileceğimi biliyorum

import defaultMember from 'my-module';

Varsayılan bir içe aktarma takma adı oluşturmak istiyorum ve aşağıdakilerin işe yarayacağını düşünmüştüm

import defaultMember as alias from 'my-module';

ancak bu ayrıştırma (sözdizimi) hatasına neden olur.

Varsayılan bir içe aktarmayı nasıl takabilirim (veya alabilir miyim?)?

Yanıtlar:


724

defaultMemberZaten olan bir takma - bu verilen işlev / şeyin adı olması gerekmez. Sadece yap

import alias from 'my-module';

Alternatif olarak

import {default as alias} from 'my-module';

ama bu oldukça ezoterik.


12
Tek başına takma ad ezoteriktir! Adlı ihracat İthalat ve redux bileşenleri test ederken varsayılan kullanışlıdır:import WrappedComponent, { Component } from 'my-module';
ptim

bazı çok sıkı tslinting kuralları katılmıyor ve aslında dosya adı olarak varsayılan girdinin adını korumanızı istiyor
phil294

1
@Blauhirn Referansları takip edemeyen ve yeniden arama araçları için global arama ve değiştirme kullanması gereken eski IDE'ler için mi? Saçma.
Bergi

@Bergi hayır, örneğin airbnb tslint kural kümesi tarafından kullanılan ve bu nedenle yaygın olan tslint kuralı "import-name". Bu kurallar tutarlı, hatasız ve okunabilir kodu teşvik etmek için mevcuttur
phil294

2
MDN dokümanları bu doküman güncellemelerini yansıtmalıdır: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
nardecky
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.