प्रतिक्रियात्मक मूल: फ़ाइल को एकाधिक फ़ाइलों में कैसे विभाजित करें

Question

मैं प्रतिक्रियात्मक मूल में अपना पहला ऐप लिख रहा हूं और मेरी जेएस फ़ाइल बहुत बड़ी हो रही है। फ़ाइल को विभाजित करने का सही तरीका क्या है।

तो मैं

var MyClass = React.createClass({ 
    ... 
}) 

की तरह कुछ मैं एक js में myclass.js पर यह बचाने के लिए और कुछ कमांड द्वारा में शामिल हो सकते हैं फ़ाइल है?

Answer 1

सामान्य तौर पर आप निम्न कर सकते हैं:

var MyClass = React.createClass({ 
    ... 
)} 

module.exports = MyClass; 

इस तरह से आप बताओ कि सार्वजनिक रूप से उपलब्ध होना चाहिए।

और फिर, अपने पूर्व बड़ी फ़ाइल में आप इस तरह की सामग्री लोड कर सकते हैं:

var MyClass = require('./myclass.js'); 

आवश्यकता रिटर्न वस्तु module.exports का मूल्य संदर्भ देता है।

file1 myClass.js:

export default class myClass {...} 

करें 2 app.js

Answer 2

यहाँ import बयान (नवीनतम में प्रतिक्रिया-मूल निवासी और आम तौर पर Javascript ECMAScript6 का पालन करने और बाद में) का उपयोग कर के साथ अद्यतन समाधान है :

import myClass from './myClass'; 

यह एक default निर्यात का उपयोग कर मूल संस्करण है। आप named निर्यात भी निर्यात कर सकते हैं जिन्हें आयात पर स्पष्ट रूप से सूचीबद्ध किया जाना है। अधिक जानकारी के लिए export और import देखें।