मैं जावास्क्रिप्ट में डिफ़ॉल्ट आयात कैसे कर सकता हूं?


381

ईएस 6 मॉड्यूल का उपयोग करना, मुझे पता है कि मैं एक नामित आयात को उपनाम दे सकता हूं

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

और मुझे पता है कि मैं एक डिफ़ॉल्ट आयात कर सकता हूं

import defaultMember from 'my-module';

मैं एक डिफ़ॉल्ट आयात को उपनाम देना चाहता हूं और मैंने सोचा था कि निम्नलिखित काम करेगा

import defaultMember as alias from 'my-module';

लेकिन यह एक पार्सिंग (वाक्यविन्यास) त्रुटि का परिणाम है।

मैं डिफ़ॉल्ट आयात कैसे कर सकता / सकती हूं?

जवाबों:


724

defaultMemberपहले से ही एक उपनाम है - यह निर्यात समारोह / बात का नाम होने की जरूरत नहीं है। बस करो

import alias from 'my-module';

वैकल्पिक रूप से आप कर सकते हैं

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

लेकिन यह बल्कि गूढ़ है।


12
अपने आप ही उर्फ ​​गूढ़ है! import WrappedComponent, { Component } from 'my-module';
Redux

कुछ बहुत ही सख्त tslinting नियम असहमत हैं और वास्तव में आप फ़ाइल नाम के रूप में डिफ़ॉल्ट इनपुट के नाम को संरक्षित करना चाहते हैं
phil294

1
@Blauhirn पुराने आईडीई के लिए जो संदर्भों का पालन नहीं कर सकता है और अपने रिफ्लेक्टिंग टूल के लिए वैश्विक खोज-और-जगह का उपयोग करने की आवश्यकता है? हास्यास्पद।
बेर्गी

@Bergi नहीं, यह tslint नियम "आयात-नाम" है, उदाहरण के लिए airbnb tslint नियम सेट और इसलिए व्यापक रूप से उपयोग किया जाता है। ये नियम संगत,
बगफ्री

2
MDN डॉक्स को इन डॉक्स अपडेट को प्रतिबिंबित करना चाहिए: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
nardecky
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.