चेतावनी: अज्ञात डोम संपत्ति वर्ग। क्या आपका मतलब कक्षा नाम था?

Question

मैं बस की खोज प्रतिक्रिया शुरू कर दिया है, एक सरल प्रस्तुत करना समारोह के साथ एक घटक जोड़कर:

render() { 
    return <div class="myApp"></div> 
} 

जब मैं अनुप्रयोग चलाने, मैं निम्नलिखित त्रुटि मिलती है:

Warning: Unknown DOM property class. Did you mean className? 

मैं इस हल कर सकते हैं class से className बदलकर।

सवाल यह है; प्रतिक्रिया इस सम्मेलन को लागू करता है? पारंपरिक class के बजाय मुझे className का उपयोग करने की आवश्यकता क्यों है? यदि यह एक प्रतिबंध है तो क्या यह जेएसएक्स सिंटैक्स या कहीं और है?

Answer 1

हाँ, इसकी एक प्रतिक्रिया सम्मेलन:

Since JSX is JavaScript, identifiers such as class and for are discouraged as XML attribute names. Instead, React DOM components expect DOM property names like className and htmlFor , respectively.

https://facebook.github.io/react/docs/jsx-in-depth.html#html-tags-vs.-react-components

Answer 2

उल्का ES6 (ES2015) को ES5 transpile के कोलाहल का उपयोग करता है, तो हम कोलाहल transpiler साथ एक सामान्य नोड आवेदन जोड़ा के रूप में इसके साथ सौदा कर सकते हैं ।

आप इस प्लगइन npm का उपयोग कर स्थापित करने की आवश्यकता अपनी परियोजना के रूट फ़ोल्डर में .babelrc फ़ाइल जोड़ने की जरूरत है, और

{ 
    "plugins": [ 
    "react-html-attrs" 
    ] 
} 

और निश्चित रूप से निम्न आइटम जोड़ने के लिए,:

npm install --save-dev babel-plugin-react-html-attrs