स्थानांतरण {..this.props} लेकिन कुछ को बाहर निकालें

Question

क्या यह संभव है कि बच्चे के घटक को प्रोप को स्थानांतरित करना संभव हो, जहां { ..this.props } क्लीनर आसान वाक्यविन्यास के लिए उपयोग किया जाता है, हालांकि className या id जैसे कुछ प्रोप को बाहर कर दिया गया है?

Answer 1

आप किसी तृतीय-पक्ष लाइब्रेरी का उपयोग कोई आपत्ति नहीं है, तो आप भी lodash के omit फ़ंक्शन का उपयोग कर सकते हैं:

{ ..._.omit(this.props, ['className', 'id']) } 

कुंजी लाभ: madox2 के सुझाव के विपरीत, आप मनमाने ढंग से चर नाम के साथ अपने दायरे को प्रदूषित नहीं है सिर्फ बाल घटकों के कुछ प्रोपों को पार करने से बचने के लिए। और, इस उत्तर को लिखने के समय भी, आप प्रयोगात्मक ES.next सुविधाओं से निपट नहीं रहे हैं।

Answer 2

आप इस काम करने के लिए destructuring रोजगार कर सकते हैं:

const { className, id, ...newProps } = this.props; // eslint-disable-line 
// `newProps` variable does not contain `className` and `id` properties 

के बाद से इस वाक्य रचना वर्तमान में ECMAScript प्रस्ताव (रेस्ट/फैले गुण) आप (जैसे कोलाहल का प्रयोग करके) इस सुविधा को सक्षम करने के लिए कोड transpile करने की आवश्यकता होगी है।