React-devtools: गुम घटक नाम

ठीक है, यहां त्वरित अपडेट है: यदि घटक इस तरह उजागर होता है, तो उसके नाम के रूप में Unknown :

exports.MyComponent = React.createClass({...});

हालांकि, जब मैं इसे इसमें बदलता हूं, तो यह काम करना शुरू कर देता है:

var MyComponent = React.createClass({...});
exports.MyComponent = MyComponent;

मैंने एक्सटेंशन स्रोत कोड की जाँच की, लेकिन यह पता नहीं लगा सका कि tagName और इसे कैसे सेट किया जाता है।

यदि आप JSX का उपयोग नहीं कर रहे हैं, तो आपको अपनी कक्षा में एक displayName विशेषता जोड़नी होगी।

var MyComponent = React.createClass({
  displayName: 'MyComponent',
  ...
});

यदि आप JSX का उपयोग कर रहे हैं, तो यह स्वचालित रूप से हो जाता है। दुर्भाग्य से इसे अन्यथा प्राप्त करने का कोई तरीका नहीं है।

हां, मैं जेएसएक्स का उपयोग कर रहा हूं। तो, ऐसा लगता है कि यह अलग मुद्दा है - जेएसएक्स कंपाइलर displayName योगदान नहीं दे सकता है यदि घटक exports.ComponentName = React.createClass() साथ घोषित किया गया है।

यह इसके लिए जिम्मेदार कोड है: https://github.com/facebook/react/blob/master/vendor/fbtransform/transforms/reactDisplayName.js#L37

JSX सिद्धांत रूप में आपके प्रारूप का भी समर्थन कर सकता है। जब हम ES6 कक्षाओं या कुछ इसी तरह की ओर बढ़ते हैं तो यह समस्या दूर हो जाती है।

टैगनाम कुछ ऐसा है जो रिएक्ट के मूल में DOM घटकों का हिस्सा है। इसमें डिस्प्लेनाम नहीं है।

यदि आप एक पुल अनुरोध भेजना चाहते हैं तो आप अपने पसंदीदा प्रारूप यहां जोड़ सकते हैं:

https://github.com/facebook/react/blob/ab47e992155ec9c2455b02bf671e8dd92bd01055/vendor/fbtransform/transforms/reactDisplayName.js#L37 -L51

समझ गया धन्यवाद। मैनुअल displayName अभी के लिए काम करेगा।

बस बनाया https://github.com/facebook/react/pull/799 जो इसे उन सभी मामलों के लिए ठीक करना चाहिए जिनके बारे में मैं सोच सकता हूं।

मैं क्रोम प्लगइन React Developer Tools का उपयोग कर रहा हूं और जब मैं रिएक्ट ट्री का निरीक्षण करता हूं तो मुझे घटकों के वास्तविक नाम के बजाय 'प्रॉक्सी कंपोनेंट' दिखाई देता है। एक webpack मुद्दा हो सकता है? मैंने 'डिस्प्लेनाम' जोड़ने की कोशिश की और उसने ऐसा नहीं किया।

कोई और इस मुद्दे में भाग लेता है?