प्रतिक्रिया: निर्यात कॉन्स + निर्यात डिफ़ॉल्ट बनाम निर्यात डिफ़ॉल्ट

Question

मैं "डबल" निर्यात के साथ वर्तमान घटक निर्माण में आया हूं। क्या आप कृपया समझा सकते हैं कि इसका वास्तविक उपयोग है या यह सिर्फ लेखक वरीयता है?

import React from 'react' 
import DuckImage from '../assets/Duck.jpg' 
import './HomeView.scss' 

export const HomeView =() => (
    <div> 
    <h4>Welcome!</h4> 
    <img 
     alt='This is a duck, because Redux!' 
     className='duck' 
     src={DuckImage} /> 
    </div> 
) 

export default HomeView 

पीएस: वर्तमान कोड बाद में वेबपैक 2 द्वारा बंडल किया गया है।

Answer 1

इस मामले में, दो निर्यात एक ही चीज़ निर्यात कर रहे हैं। दोनों

import Homeview 

और

import { Homeview } 

आप एक ही मॉड्यूल (HomeView घटक) देंगे।

मुझे लगता है कि आप Redux का उपयोग कर रहे हैं, हालांकि। आप की तरह

export const HomeView ... 

export default connect(mapStateToProps)(HomeView); 

कुछ कर रहे थे हैं यही कारण है कि आप कभी कभी गैर Redux से जुड़े घटक का उपयोग करना चाहते हो सकता है कि में उपयोगी हो सकता है, या आप परीक्षण के लिए यह आवश्यकता हो सकती है।