एक प्रतिक्रिया 'कुंजी'

Question

के लिए मान्य प्रतीकों क्या हैं इस तरह के प्रतिक्रिया कुंजी प्रोप के लिए वैध प्रतीक क्या हैं;

<div key="can i use spaces for example?"></div> 

मेरे मामले में मैं कुंजी

const links = [ 
    { 
     label: 'foo label', 
     href: 'https://example.com', 
    }, 
    { 
     label: 'bar label', 
     href: 'https://example.com', 
    } 
] 

links.map(
    link => (<a key={link.href} href={link.href}>{link.label}</a>) 
); 

रूप में एक URL का उपयोग करना चाहते यह वैध है? मैं सोच रहा था कि मैं पहले से ही href को पास करने के लिए कुछ हैश फ़ंक्शन का उपयोग कर सकता हूं, लेकिन यदि कोई वर्ण किसी महत्वपूर्ण मान में मान्य होने की गारंटी है तो यह एक व्यर्थ कदम है।

कारण मैं पूछ रहा हूं कि मुझे उस दस्तावेज़ में कोई उदाहरण नहीं मिल रहा है जो कुंजी के लिए गैर-अल्फा-न्यूमेरिक वर्ण का उपयोग करता है, और यह भी स्पष्ट रूप से कहता है कि, यदि आपके पास कोई आईडी नहीं है उस ऑब्जेक्ट के लिए कुंजी के रूप में उपयोग करें जिसे आप प्रतिपादित कर रहे हैं, आप hash some part of it to make a key कर सकते हैं। यद्यपि ऐसा इसलिए हो सकता है क्योंकि आपको बहुत लंबी चाबियों का उपयोग नहीं करना चाहिए, और इसके पहले सामग्री को अपने आकार को छोटा करने के लिए हैश करना चाहिए, ऐसा लगता है कि पूरे दस्तावेज स्पष्ट रूप से कहते हैं कि केवल अल्फा-न्यूमेरिक वर्णों को कुंजी के रूप में उपयोग किया जाना चाहिए। प्रतिक्रिया के प्रमुख के लिए

Answer 1

आवश्यकताओं के लिए सबसे अच्छा के लिए reconciliation

दस्तावेज में वर्णन किया गया है अभ्यास में, एक कुंजी खोजने वास्तव में कड़ी मेहनत नहीं है। अधिकांश समय, तत्व जिसे आप प्रदर्शित करने जा रहे हैं, में पहले से ही एक अद्वितीय आईडी है। जब यह मामला नहीं है, तो आप अपने मॉडल में एक नई आईडी प्रॉपर्टी जोड़ सकते हैं या कुछ सामग्री उत्पन्न करने के लिए सामग्री के कुछ हिस्सों को जोड़ सकते हैं। याद रखें कि कुंजी में केवल है जो अपने भाई बहनों के बीच अद्वितीय है, न कि वैश्विक स्तर पर अद्वितीय।

तो, कुंजी अद्वितीय (अपने भाई बहनों के बीच) और स्थिर होना चाहिए।

इसलिए आपका उदाहरण एक अच्छा फिट है। रिक्त स्थान भी ठीक होना चाहिए।