React: विचार: जेएसएक्स सिंटैक्स में ऑब्जेक्ट शाब्दिक संपत्ति मूल्य शॉर्टहैंड का समर्थन करें

मैं नहीं कहने के लिए इच्छुक हूं। हमने विभिन्न सिंटैक्स का उपयोग करने के बारे में बहुत सारी बातें की हैं और हम इसे यथासंभव न्यूनतम रखने की कोशिश कर रहे हैं। {...spread} जोड़ना पहले से ही एक बहुत बड़ी बात थी।

सीसी @sebmarkbage

हम सिंटैक्स चर्चाओं को इसमें रखने की कोशिश करते हैं: https://github.com/facebook/jsx इस तरह हमारे पास इस सिंटैक्स में योगदान देने वाला एक व्यापक समूह हो सकता है ताकि इसे भाषा के अतिरिक्त वजन के लायक बनाया जा सके।

मुझे लगता है कि <Foo {item} /> , <Foo {...item} /> और <Foo item /> के बीच का अंतर बहुत भ्रमित करने वाला हो सकता है। अंतिम दो पहले से ही समर्थित हैं।

हालांकि आप जिस तरह से सोचते हैं वह मुझे पसंद है। यदि आप इसके बारे में दृढ़ता से महसूस करते हैं तो आपको https://github.com/facebook/jsx . पर एक मुद्दा खोलना चाहिए

https://github.com/facebook/jsx/pull/118

^ ऑब्जेक्ट एक्सप्रेशन सिंटैक्स के लिए एक प्रस्ताव जैसा कि यहां चर्चा की गई है।

मुझे लगता है कि . के बीच का अंतर , तथा बहुत भ्रमित हो सकता है।

भ्रम सापेक्ष हो सकता है। <Foo item /> बहुत उपयोगी नहीं है क्योंकि यह हमेशा {आइटम: सत्य} का मूल्यांकन करता है। अंत में यह बहुत सीमित लगता है, लेकिन मैं इसके एचटीएमएल जीन से इसके व्यवहार को समझ सकता हूं। मुझे व्यक्तिगत रूप से इसके लिए ज्यादा उपयोग नहीं मिला है।

तथा यदि आप इसे ES8 ऑब्जेक्ट नोटेशन परिप्रेक्ष्य से देखते हैं तो भ्रमित नहीं होते हैं। {item} {item: item} के लिए शॉर्टहैंड है। {...item} एक नई वस्तु में समतल / उथली प्रतिलिपि / प्रसार के लिए आशुलिपि है।

एक बार जब कोई समझता है कि जेएसएक्स h(name: string | Component, props: {[name]: any}, ...children) पर पारदर्शी हो जाता है। ObjectExpression स्वाभाविक रूप से गिरता है।

यह भ्रमित करने वाला है कि <Foo {x} /> समर्थित नहीं है लेकिन <Foo {...x} /> समर्थित है। उपाय है
<Foo {...{x}} /> जो बहुत अधिक भ्रमित करने वाला है।