आयात के बीच अंतर प्रतिक्रिया और आयात {घटक} वाक्यविन्यास

Question

कहें, हम ES6 के साथ प्रतिक्रिया का उपयोग कर रहे हैं। हम प्रतिक्रिया और घटक आयात करते हैं

import React from 'react' 
import { Component } from 'react' 

वाक्यविन्यास अंतर क्यों? क्या हम नीचे निर्दिष्ट के रूप में उपयोग नहीं कर सकते?

import Component from 'react' 

Answer 1

यहाँ import के लिए docs हैं।

import React from 'react' 

उपरोक्त एक डिफ़ॉल्ट आयात है। डिफ़ॉल्ट आयात export default ... के साथ निर्यात किए जाते हैं। केवल एक ही डिफ़ॉल्ट निर्यात हो सकता है।

import { Component } from 'react' 

लेकिन यह एक सदस्य आयात (नाम आयात) है। सदस्य आयात export ... के साथ निर्यात किए जाते हैं। कई सदस्य निर्यात हो सकते हैं।

आप इस वाक्य रचना का उपयोग करके दोनों आयात कर सकते हैं:

import React, { Component } from 'react'; 

जावास्क्रिप्ट में डिफ़ॉल्ट और नामित आयात विभाजित हैं, ताकि आप एक नामित आयात आयात नहीं कर सकते जैसे कि यह डिफ़ॉल्ट था। निम्नलिखित, ('react' पैकेज के डिफ़ॉल्ट निर्यात जो होने के लिए एक ही React.Component के रूप में नहीं जा रहा है के लिए नाम Component सेट:।

import Component from 'react'; 

Answer 2

घटक एक नामित निर्यात है जैसे इसलिए, यह साथ destructured किया जाना चाहिए {} ।

प्रतिक्रिया से 'प्रतिक्रिया' प्रतिक्रिया के लिए एक डिफ़ॉल्ट निर्यात कर रहा है सही है। उदाहरण के लिए निर्यात डिफ़ॉल्ट प्रतिक्रिया

Answer 3

किसी भी फाइल में आप की तरह "निर्यात डिफ़ॉल्ट प्रतिक्रिया" बयान के साथ डिफ़ॉल्ट रूप से कुछ निर्यात कर रहे हैं, तो वह हो सकता है "आयात प्रतिक्रिया" की तरह आयात किया गया।

अन्य निर्यात जो डिफ़ॉल्ट नहीं हैं, हमें यह निर्दिष्ट करना होगा कि हम वास्तव में "आयात {घटक}" जैसे कोष्ठक में बंद करके आयात करना चाहते हैं।