मैंने टिक टीएसी को पैर की अंगुली गाइड समाप्त कर दिया है। अब मैं चींटी के डिजाइन के साथ प्रयोग करना चाहता था, लेकिन कुछ गलत लगता है। मैंने कोड और डिज़ाइन से कोड लिया और मैंने टैग को जेएसएक्स कोड में डालने का प्रयास किया। मुझे त्रुटि मिल रही है:

तत्व प्रकार अमान्य है: अपेक्षित एक स्ट्रिंग (अंतर्निहित घटकों के लिए) या एक वर्ग/फ़ंक्शन (समग्र घटकों के लिए) लेकिन मिला: अपरिभाषित। आप संभवतः अपने घटक को उस फ़ाइल से निर्यात करना भूल गए हैं जिसमें इसे परिभाषित किया गया है, या हो सकता है कि आपने डिफ़ॉल्ट और नामित आयातों को मिश्रित किया हो।

मैंने अब तक एचटीएमएल में रूट डिव को कंटेनर डिव में बदल दिया था। टिक टीएसी को पैर की अंगुली गेम कोड और लेआउट कोड दोनों अलग-अलग ठीक काम करते हैं। लेकिन एक बार जब मैं लेआउट सामग्री पृष्ठ में टैग डालने का प्रयास करता हूं, तो मुझे ऊपर वर्णित त्रुटि मिलती है।

लेआउट कोड - स्रोत से लिंक करें।

गेम कोड।(सिर्फ खेल का हिस्सा, वर्ग और बोर्ड शामिल नहीं है) - स्रोत से लिंक करें।

समस्या तब प्रकट होती है जब मैं उपरोक्त कोड में टैग डालता हूं।

     <Content style={{ background: '#fff', padding: 24, margin: 0, minHeight: 280 }}>
        <Game />
     </Content>

गेम टैग के बिना लेआउट ठीक काम करता है और गेम ठीक काम करता है जब केवल ReactDOM.render में उपयोग किया जाता है।

ReactDOM.render(<Game />, document.getElementById("container"));

टैग काम क्यों नहीं कर रहा है? मैं इसे कैसे काम करूँ?

मैंने इसे समझ लिया। मैंने गेम कोड को लेआउट कोडसैंडबॉक्स स्रोत में कॉपी किया और यह काम कर गया। मैंने अपनी परियोजना में उसी कोड की प्रतिलिपि बनाई और यह वहां भी काम किया। मैंने दोनों कोड लिए और उनकी तुलना की और केवल अंतर ReactDOM.render और Game.component के क्रम में था। जैसा कि नीचे दिए गए उत्तर में दिखाया गया है कि सही तरीके से कॉपी करने पर कोड ठीक काम करता है।

  • पाठ 1: ReactDOM.render घटक कोड के बाद आना चाहिए।
  • पाठ 2: बड़े कोड को विभिन्न फाइलों में रखें।
0
Vato 21 अक्टूबर 2018, 16:17

1 उत्तर

सबसे बढ़िया उत्तर

यह ठीक काम है !!

मैं आपके कोड को एक कोडसैंडबॉक्स में कॉपी और पेस्ट करता हूं और यह काम सही ढंग से इसे देखें:

https://codesandbox.io/s/5k6workkvl

1
Hamid Sarani 21 अक्टूबर 2018, 13:50