प्रतिक्रियाज अपरिभाषित

की संपत्ति 'कुंजी' नहीं पढ़ सकता है मैं एक ट्यूटोरियल के माध्यम से प्रतिक्रियाओं को सीख रहा हूं और इस त्रुटि में भाग गया। यह कहता है "अपरिभाषित की संपत्ति 'कुंजी' नहीं पढ़ी जा सकती है" मेरा कोड बहुत छोटा है इसलिए मुझे लगता है कि इसे भाषा की संरचना के साथ करना है। क्या किसी को समस्या और संभावित समाधान पता है?प्रतिक्रियाज अपरिभाषित

<!DOCTYPE html> 

<html> 
<head> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script> 
    <title>ReactJs</title> 
</head> 
<body> 
    <div id="app"></div> 

    <script type="text/babel"> 
     var HelloWorld = ReactDOM.createClass({ 
     render: function() { 
     return 
     <div> 
      <h1>Hello World</h1> 
      <p>This is some text></p> 
     </div> 
     } 
     }); 
     ReactDOM.render(
     <HelloWorld />, document.getElementById('app')); 
    </script> 
</body> 
</html>

स्रोत

2016-04-17 NVA

क्या आपके पैर यह काम कर रहे थे? – JordanHendrix

मैंने अपनी स्क्रिप्ट को मेरे ऐप में डाला और अभी भी वही त्रुटि मिली। इसने मुझे एहसास दिलाया कि संदेह के रूप में यह मुद्दा बैबेल के संस्करण के साथ प्रतीत होता है जिसका मैं उपयोग कर रहा हूं। मुझे यकीन नहीं है कि समस्या क्या है लेकिन मैं एक और संस्करण का उपयोग करने की कोशिश करूंगा। – NVA

अजीब, मैंने अभी जांच की है कि मैं इसका उपयोग कर रहा हूं: https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js – JordanHendrix

संपादित करें: अजीब तरह से, ऊपर हमारी टिप्पणियों, मैं अगर यह वास्तव में कोलाहल कोर संस्करण, मैं अपने बेला में यह एक का उपयोग कर रहा था देखने के लिए जाँच की बाद:

https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js

दूसरा मैं अपने संस्करण के लिए बदलने के लिए ऊपर मैं इस मिल:

Uncaught TypeError: Cannot read property 'keys' of undefined

उपयोग React.createClass नहीं ReactDOM.createClass और कोष्ठक ली में एचटीएमएल के कई रेखाओं को रैप इसलिए ke:

कार्य उदाहरण: https://jsfiddle.net/69z2wepo/38998/

var Hello = React.createClass({ 
    render: function() { 
    return (  
     <div> 
     <h1>Hello World</h1> 
     <p>This is some text</p> 
     </div> 
    ) 
    } 
}); 

ReactDOM.render(
    <Hello name="World" />, 
    document.getElementById('container') 
);

स्रोत

2016-04-17 02:34:32 JordanHendrix

किसी कारण से बेबेल संस्करण 6 ने त्रुटि क्यों दी? मेरे पास भी था तो संस्करण 5.8.24 त्रुटि पर चला गया। –

मुझे बस एक ही त्रुटि थी और पाया कि ब्राउज़र के लिए बैबेल का संस्करण हम उपयोग कर रहे थे। ब्राउज़र में आप जिस नवीनतम संस्करण का उपयोग कर सकते हैं वह https://cdnjs.com/libraries/babel-standalone – MattGoldwater

बैबेल का संस्करण 6.0.0 से कम होना चाहिए –

-3

मैंने पहले प्रतिक्रिया के साथ काम नहीं किया है, लेकिन वहाँ कुछ चीजें हैं जो मुझे लगता है कि अपने मुद्दों के कारण हो सकता है। सबसे पहले, के बजाय React.createClass। दूसरे, आप कोष्ठक में अपने html रैप करने के लिए की जरूरत है:

var HelloWorld = React.createClass({ 
    render: function() { 
    return (
     <div> 
     <h1>Hello World</h1> 
     <p>This is some text></p> 
     </div> 
    ); 
    } 
});

यह यह काम कर रहा

स्रोत

2016-04-17 02:37:25

आज प्रतिक्रिया के साथ अपने पहले दिन है मिलना चाहिए, और मैं इस मुद्दे का सामना करना पड़ा है कि जब मैं कोलाहल का उपयोग करने के transpile करने की कोशिश की जेएसएक्स!

मुद्दा संस्करण आप उपयोग की कोशिश कर रहे हैं, तब यह एक का उपयोग करें:

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>

मत भूलना <script> टैग में type="text/babel" लिखने के लिए जो आप JSX में लिखेंगे कोलाहल transpile जाने के लिए यह आप के लिए, यदि आप नहीं करते हैं, तो आपको यह त्रुटि मिलेगा (मैं भी सामना करना पड़ा है के रूप में: डी):

Uncaught SyntaxError: Unexpected token <

स्रोत

2017-11-29 02:57:00 Elharony

बस अन्य जव के रूप में, स्पष्ट होना ers थोड़ा उलझन में हैं। समस्या "बेबेल-स्टैंडअलोन" के बजाय "बेबेल-कोर" का उपयोग कर रही थी। बस इसके बजाय बेबेल-स्टैंडअलोन के लिए सीडीएन की तलाश करें।

https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js

स्रोत

2018-01-17 22:05:59 VIBrunazo

प्रतिक्रियाज अपरिभाषित

उत्तर

संबंधित मुद्दे