एक घटक वर्ग की उम्मीद है, [वस्तु वस्तु]

Question

मुझे इस कोड के साथ एक त्रुटि मिलती है। हालांकि, प्रतिक्रिया-मूल में बदलना त्रुटि को हटा देता है। क्या आप प्रतिक्रिया-मूल के साथ div का उपयोग कर सकते हैं? यदि नहीं, तो यह त्रुटि इतनी अस्पष्ट क्यों है ...?

var React = require('react'); 
var ReactNative = require('react-native'); 
var { 
    StyleSheet, 
    Text, 
    View, 
} = ReactNative; 

let Auto = React.createClass({ 
    getInitialState: function() { 
    return { value: 'Ma' } 
    }, 
    render: function() { 
    return (
     <div className="fuck-react"> 
     Blah blah blah 
     </div> 
    ) 
    } 

});

Answer 1

नहीं, आप प्रतिक्रिया-मूल में div टैग का उपयोग नहीं कर सकते हैं। चूंकि, प्रतिक्रिया-मूल जेएसएक्स सिंटैक्स पर आधारित है जो स्वचालित रूप से अमूर्त डोम पार्सर द्वारा देशी घटकों को भेज दिया जाता है। आप यहां अपना उत्तर प्राप्त कर सकते हैं: https://facebook.github.io/react-native/docs/tutorial.html

इसके अलावा, प्रतिक्रिया-मूल को नए संस्करण के लिए अपग्रेड किया गया है जो 0.2 9 है, आपको शायद पुरानी ईसीएमए स्क्रिप्ट को अनदेखा करना चाहिए और जावास्क्रिप्ट सिंटैक्स के लिए नई ईसीएमए स्क्रिप्ट का उपयोग करना चाहिए। चूंकि, प्रतिक्रिया-मूल अपने जावास्क्रिप्ट के लिए प्रतिक्रियाओं का उपयोग करता है, इसलिए यहां से बेहतर सीखें: http://reactjs.net/guides/es6.html

Answer 2

डीआईवी उपयोग के बजाय देखें।

<View style={{flex: 1}}> 
     <Text>Blah blah blah</Text> 
</View> 

Answer 3

आप प्रतिक्रिया मूल में उपयोग नहीं कर सकते हैं। इसके बजाए मूल घटक का प्रयोग करें।

<View> 
    <Text>text text text</Text> 
</View> 

साथ पहले आयात करने के लिए मत भूलना:

import { 
    Text, 
    View 
} from 'react-native'; 

Answer 4

तुम एक प्रतिक्रिया स्थानीय ऐप्लिकेशन में ReactJS घटक का उपयोग किया जा सकता है। मैंने गलती से प्रतिक्रिया मूल परियोजना में <div> टैग के साथ एक घटक स्थापित किया।