2015-10-14 7 views
25

परिभाषित नहीं किया गया है इसलिए मेरे पास रेल अनुप्रयोग हैं, मैंने प्रतिक्रिया-रेल मणि स्थापित किया है, इसे सेट अप किया है और परीक्षण एप्लिकेशन चलाने की कोशिश की है।Uncaught ReferenceError: ReactDOM को

हाल में, स्थापित जब मैं नमस्ते चलाने के लिए दुनिया कार्यक्रम tryed, इस त्रुटि hapened:

Uncaught ReferenceError: ReactDOM is not defined

यह मेरी प्रतिक्रिया है:

var HelloWorld = React.createClass({ 
    render: function() { 
    return (
     <p> 
     Hello, <input type="text" placeholder="Your name here" />! 
     It is {this.props.date.toTimeString()} 
     </p> 
    ); 
    } 
}); 

setInterval(function() { 
    ReactDOM.render(
    <HelloWorld date={new Date()} />, 
    document.getElementById('example') 
); 
}, 500); 

इसके अंदर बचाया/ऐप्स/आस्तियों/javascripts/घटकों /test.js.jsx फ़ाइल।

रेल 4.2.4 रूबी के साथ 0.14.0 के बाद से 2.2.3

उत्तर

20

ReactDOM उपलब्ध है, तो आप (एक प्रतिक्रिया संस्करण 0.13.3 क्योंकि आपके पास) React.render उपयोग करने की आवश्यकता के बजाय,

setInterval(function() { 
    React.render(
    <HelloWorld date={new Date()} />, 
    document.getElementById('example') 
); 
}, 500); 

या अपने React संस्करण को अपग्रेड और ReactDOM

Changes in React 0.14

+1

कि चाल किया था, मैं एक और त्रुटि मिली, लेकिन मैं मैं सिर्फ मणि को हटाने और नवीनतम संस्करण manualy प्रतिक्रिया स्थापित हो जाएगा लगता है। जवाब के लिए धन्यवाद!!! – IvRRimUm

43

शामिल यह वर्तनी मुद्दा हो सकता है - यह 0 है, ReactDom नहीं।

यह की नई रिलीज के साथ समय के साथ बदल गया है प्रतिक्रिया

+0

यहां कुछ अजीब हो रहा है। मुझे यकीन नहीं है कि यह उपलब्ध ट्यूटोरियल (https://facebook.github.io/react/docs/tutorial.html) पर आधारित होना चाहिए, लेकिन 15.0 का उपयोग करते समय मैंने रीएक्टडॉम को रिएक्टडॉम में बदलते समय वास्तव में काम करना शुरू कर दिया। 1 और ReactDom 15.0.1। – Grisk

+1

अविश्वसनीय। सिस्टमजेएस (यही वह है जो मैं उपयोग कर रहा था) के बारे में गलत धारणाएं करने के लिए बस अपने बालों को फाड़ने में एक घंटा बिताया, मुझे बता रहा था कि रिएक्टडॉम अनिर्धारित था। अंत में इस जवाब को देखा, वर्तनी को ReactDOM में बदल दिया, और यह काम करता है ... ओह लड़का। –

4

सुनिश्चित करें कि आप react-dom.js शामिल किया है। आप इसे सीडीएन से जोड़ सकते हैं या अपनी पसंद के जेएस टूलचेन का उपयोग कर सकते हैं।

Installing React - using a CDN

<script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
संबंधित मुद्दे