हैंडलिंग मुख्य थ्रेड व्यस्त होने के

Question

मैं क्रोम संस्करण का उपयोग कर रहा था की वजह से xxx एमएस के लिए देर हो रही थी: साथ react + react-dom संस्करण 15.4.1material-ui (https://github.com/callemall/material-ui) के साथ Version 55.0.2883.75 beta (64-bit) संस्करण 0.16.5 और निम्न चेतावनी संदेश जब मैं स्क्रॉल देखा माउस व्हील के साथ पृष्ठ नीचे:

मुख्य थ्रेड व्यस्त होने के कारण 'व्हील' इनपुट ईवेंट को संभालने में xxx ms के लिए देरी हुई थी। पृष्ठ को और अधिक उत्तरदायी बनाने के लिए ईवेंट हैंडलर को 'निष्क्रिय' के रूप में चिह्नित करने पर विचार करें। , शुरू में

मैं अन्य निर्भरता react-waypoint समस्या पैदा कर रहा था सोचा, लेकिन https://github.com/brigade/react-waypoint/issues/143 में कुछ जांच, और Lencioni के अगले अप करने के लिए धन्यवाद के बाद, मुझे एहसास हुआ:

यहाँ क्रोम डेव कंसोल से स्क्रीनशॉट है यह react के संयोजन के कारण material-ui के नवीनतम संस्करण के साथ हो सकता है।

material-ui संस्करण 0.16.5 के साथ, wheel घटना श्रोता पालन Chrome की देव उपकरण तत्व टैब से दिखाई देने लगता है: passive: false संपत्ति जो आपके स्क्रॉल जबकि मुख्य थ्रेड कारण है कि चेतावनी कंसोल पर दिखाई देता है समझा सकता है कि व्यस्त।

हालांकि, के बारे में Consider marking event handler as 'passive' to make the page more responsive एक ऐसी ही पोस्ट को पढ़ने से, मैं थोड़ा अधिक उलझन में है, हूँ क्योंकि यह सुझाव दिया है कि हम समर्थन लागू करने के लिए अपने .js पुस्तकालय के लिए इंतजार करना पड़ सकता है। इस तरह के सुधार का सुझाव देने के लिए जिथब पर कोई मुद्दा उठाने से पहले, मेरा भ्रमित बिंदु था जो जेएस लाइब्रेरी/निर्भरता को स्पष्ट रूप से प्रतीक्षा करनी चाहिए?

इस विशेष मामले में, यह react है (discussion देखें)? या material-ui? या कुछ और जो इस सवाल से पूरी तरह से चूक गया था? उपर्युक्त स्क्रीनशॉट ने इंगित किया कि wheel इवेंट श्रोता react-dom द्वारा material-ui संस्करण 0.16.4 पर डाउनग्रेड करके, चेतावनी दूर हो गई है, क्योंकि wheel ईवेंट श्रोता नहीं है।

तो मैं ब्राउज़र, react और 3 पार्टी निर्भरता और चर कि इस समस्या में योगदान समझने की कोशिश कर और की कि चौराहा पर मूल रूप से कर रहा हूँ कुछ भी हम देखते है, इन पुस्तकालयों के एक उपभोक्ता के रूप में है कि क्या, वैकल्पिक हल के लिए कर सकता है इस मुद्दे?

कोई भी सुझाव या टिप्पणियों की अत्यधिक सराहना की जाएगी! धन्यवाद।

Answer 1

बस यह पुष्टि करते हुए कि यह सामग्री-UI है क्योंकि मैं इसे 'प्रतिक्रिया-मार्ग बिंदु' का उपयोग नहीं कर रहा हूं और इसे MaterialUI v0.16.5 पर भी अनुभव कर रहा हूं और 15.4.x पर प्रतिक्रिया कर रहा हूं।

अद्यतन: MaterialUI v0.16.6 को अपडेट करने के बाद चीजें मेरे लिए ठीक काम करने लगती हैं।