रिएक्ट (फेसबुक के ढांचे) में, मुझे मानक forविशेषता का उपयोग करके एक पाठ इनपुट के लिए बाध्य एक लेबल तत्व प्रदान करना होगा ।
निम्न JSX का उपयोग किया जाता है:
<label for="test">Test</label>
<input type="text" id="test" />हालाँकि, यह HTML आवश्यक (और मानक) forविशेषता को गायब करता है :
<label>Test</label>
<input type="text" id="test">मैं क्या गलत कर रहा हूं?
जवाबों:
forविशेषता कहा जाता है htmlForडोम संपत्ति एपीआई के साथ स्थिरता के लिए। यदि आप रिएक्ट के विकास बिल्ड का उपयोग कर रहे हैं, तो आपको इस बारे में अपने कंसोल में एक चेतावनी देखनी चाहिए।
labelतत्व है (जैसे कि , आदि) द्वारा लौटाया गया है document.createElement, document.getElementByIdतो आप इसकी forसंपत्ति तक पहुँच प्राप्त करेंगे label.htmlFor।
हाँ, प्रतिक्रिया के लिए,
for हो जाता है htmlFor
class हो जाता है className
आदि।
HTML विशेषताएँ यहां कैसे बदली जाती हैं, इसकी पूरी सूची देखें:
प्रतिक्रिया के लिए आपको HTML विशेषताओं को परिभाषित करने के लिए प्रति-परिभाषित कीवर्ड का उपयोग करना चाहिए।
class->className
प्रयोग किया जाता है और
for->htmlFor
का उपयोग किया जाता है, जैसा कि प्रतिक्रिया संवेदनशील होती है सुनिश्चित करें कि आपको आवश्यक के रूप में छोटे और पूंजी का पालन करना चाहिए।
दोनों forऔर classजावास्क्रिप्ट में शब्द आरक्षित हैं यही कारण है कि जब यह एचटीएमएल JSX में विशेषताओं की बात आती है तुम, के लिए और उपयोग कुछ चाहिए प्रतिक्रिया टीम का उपयोग करने का फैसला किया htmlForऔर classNameक्रमश:
forजावास्क्रिप्ट में एक आरक्षित शब्द है, htmlForइसके बजाय प्रतिक्रिया तत्व उपयोग करते हैं।": Reajs.org/docs/dom-elements.html#htmlfor
htmlForबदलने के लिए प्रतिक्रिया का उपयोग कर for!आप नीचे दिए गए लिंक का पालन करके अधिक जानकारी पा सकते हैं।
https://facebook.github.io/react/docs/dom-elements.html#htmlfor
जेएसएक्स में htmlFor है और क्लास JSX में क्लासनेम है