दिलचस्प पोस्ट
स्थानीय क्षेत्र को बल दें AndroidManifest में Google Play सेवाएं v13 त्रुटि मेटा-डेटा क्या WebView से HTML कोड प्राप्त करना संभव है? क्या वर्णों की एक सरणी में NSString को विभाजित करने का एक आसान तरीका है? अपवाद: फ़ैक्टरी नहीं मिल सका: javax.faces.context.FacesContextFactory जावा कन्वर्टर्स और जावा रूपांतरण स्काला में क्या अंतर है? Moq: इकाई HttpContext पर निर्भर एक विधि का परीक्षण फेसबुक डेटाबेस डिजाइन? IOS8 में स्विफ्ट का उपयोग करने वाले विशिष्ट व्यू नियंत्रकों के लिए स्टेटस बार रंग बदलना जावा में JSON स्ट्रिंग पार्सिंग दूरस्थ होस्ट का आईपी पता प्राप्त करें त्रुटि संदेश 'एक या अधिक अनुरोधित प्रकार लोड करने में असमर्थ अधिक जानकारी के लिए लोडरएक्सेप्शंस संपत्ति पुनर्प्राप्त करें।' जावा में दो तिथियों के बीच सप्ताह के दिनों की संख्या की गणना करें एकाधिक GZip फ़ाइलों की फास्ट कंसैटेनेशन पायथन में सी # डीएलएल लोड करने के लिए कैसे?

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

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

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

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

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

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

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

आपके मामले में <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