दिलचस्प पोस्ट
बीओएम के बिना यूटीएफ -8 और यूटीएफ -8 के बीच क्या अंतर है? अलामफिर से मूल्य कैसे लौटाया जाए JPA / Hibernate के साथ की गई संपत्ति की गणना आईफोन 5 सीएसएस मीडिया क्वेरी आकार_टी बनाम uintptr_t JSON और JSONP के बीच अंतर क्या हैं? IOS के लिए पार्स: ऐप को चलाने का प्रयास करते समय त्रुटि 'सुडो मणि इंस्टॉलेशन' या 'मणि इंस्टॉलेशन' और रत्न रत्न सामान्यकरण (या सामान्यकरण) क्या है? आईओएस ऐप के अंदर छवि डाउनलोड और सहेजें मैं जावा प्रिंट उद्धरण कैसे बना सकता हूं, जैसे "हैलो"? मैं कोड :: ब्लॉकों कंपाइलर को C ++ 11 समर्थन कैसे जोड़ सकता हूं? कैसे जावास्क्रिप्ट के साथ एक स्थानीय डिस्क फ़ाइल खोलने के लिए? रूबी पर रेल में मेरे JSON आउटपुट को मैं कैसे "सुंदर" प्रारूप में कर सकता हूं? डेटाबेस में या एक सिस्टम फ़ाइल में छवि स्टोर करें?

रिएक्टजेएस में तीन बिंदुओं का क्या अर्थ है

const peopleList = this.state.people.map( x => { return <Person key={x.name} {...x} /> }) 

"{… x}" क्या इस कोड का मतलब है?

वेब के समाधान से एकत्रित समाधान "रिएक्टजेएस में तीन बिंदुओं का क्या अर्थ है"

प्रतिक्रिया में यह एक फैल ऑपरेटर सिंटैक्स है

एमडीएन डॉस से :

फैल सिंटैक्स एक अभिव्यक्ति को उन स्थानों में विस्तारित करने की अनुमति देता है जहां एकाधिक तर्क (फ़ंक्शन कॉल्स के लिए) या एकाधिक तत्व (सरणी के लिए) या कई चर (असाइनमेंट को नष्ट करने के लिए) की उम्मीद होती है।

आपके मामले में <Person key={x.name} {...x} /> इसका मतलब है कि x साथ सम्पूर्ण ऑब्जेक्ट या प्रॉपर्टी भेजें, क्योंकि यह Person Component

उदाहरण के लिए यदि

 var x = { name: "Hello", last_name: "World" } 

तब अगर आप <Person key={x.name} {...x} />

इसके बाद के संस्करण के बराबर होगा

 <Person key={x.name} name={x.name} last_name={x.last_name}/> 

आदेश जिसमें प्रसार वाक्यविन्यास प्रोप के साथ प्रयोग किया जाता है वह भी महत्वपूर्ण है

एक ऐसे मामले पर विचार करें जहां आप एक घटक जैसे सहारा को पास करते हैं

 var data = { name: 'abc', age: '25', college: 'lmit' } 

और यदि आप स्प्रेड ऑपरेटर सिंटैक्स का उपयोग करते हैं जैसे

  <Person key={x.name} name='xyz' {...data} /> 

उसके बाद प्रोप name='xyz' को कुंजी के द्वारा ओवरराइट किया जाता है: डेटा से सुलझाया गया मूल्य जोड़ी तो अंतिम Person घटक कॉल ऐसा दिखेगा

  <Person key={x.name} name='abc' age= '25' college= 'lmit' /> 

हालांकि जब आप इसे लिखते हैं जैसे

  <Person key={x.name} {...data} name='xyz' /> 

तब प्रोप name='abc' जो आंकड़ों से हल हो गया है name='xyz' द्वारा ओवरराइट किया गया है जो स्पष्ट रूप से Person को पारित किया गया है। तो अंतिम Person घटक कॉल ऐसा दिखेगा

  <Person key={x.name} name='xyz' age= '25' college= 'lmit' /> 

यही फैल ऑपरेटर है यह ES2015 में पेश किया गया था यह एक्स के सभी गुणों को लेता है और उन्हें तत्व में वितरित करता है।

{...x} मतलब है कि ऑब्जेक्ट x को सौंपा गया सभी गुण ले लें, फिर उन्हें <Person /> को असाइन करें

आप यहां और अधिक पढ़ सकते हैं:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator