React-window: एक आइटम के प्रॉपर बदलने से पूरी सूची अपडेट हो जाएगी

मेरे पास एक ही उपयोग मामला और समस्या है, और एक समाधान खोजने में सक्षम नहीं है ...

ऐसा इसलिए है क्योंकि एक आइटम को बदलने से एक नया items सरणी बनती है जो एक नया itemData ऑब्जेक्ट बनाता है । यह महत्वपूर्ण है कि ज्ञापन तकनीकों को अमान्य कर दिया जाता है, फिर उनका डेटा बदल जाता है।

यदि आप चाहते हैं कि आइटम इस तरह के परिवर्तन के लिए और अधिक मजबूत हों, तो आप अपना areEqual फ़ंक्शन (या shouldComponentUpdate ) लागू कर सकते हैं।

डेमो का उद्देश्य सिर्फ यह दिखाना है कि जटिल मूल्यों को पारित करने के लिए itemData और मेमोएज़ेशन एक साथ कैसे काम कर सकते हैं।

मैंने इसे अपने खुद के कंधे के सहारे परीक्षण के साथ परीक्षण किया था, लेकिन इस फ़ंक्शन को निष्पादित नहीं किया जाएगा, अगर घटक बार-बार umounted हो जाएगा

अगर घटक बार-बार umounted हो जाएगा

एक घटक को याद करने का कोई तरीका नहीं है जो असम्बद्ध हो जाता है। हालांकि मेरे डेमो में ऐसा नहीं है। यदि आपके ऐप में ऐसा होता है, तो कुछ और चल रहा है और मैं इस बारे में अटकल नहीं लगा सकता।

@BertelBB क्या आपको कोई समाधान मिला?

@ffjanhoeck वास्तव में नहीं, नहीं। मैंने महसूस किया कि मेरा उपयोग मामला वास्तव में इस मायने में थोड़ा अलग है कि मेरी सूची को छांटा / फ़िल्टर भी किया जा सकता है। मैंने जो भी किया वह आइटमडेटा और आइटमके प्रॉप्स में पास करता हूं, ताकि मैं हर आइटम के लिए मैन्युअल रूप से कुंजी सेट करूं। पूरी सूची अभी भी अपडेट है लेकिन यह पहले की तरह सुस्त नहीं है।
https://react-window.now.sh/#/api/FixedSizeList यहां आप उन प्रॉप्स के बारे में पढ़ सकते हैं जिनका मैं उल्लेख कर रहा हूं।

@BertelBB मैंने कल ही उस समारोह को लागू किया था, धन्यवाद :)
लेकिन समस्या तय नहीं है :(
यहाँ एक GIF है जो बहुत ही खराब है - जैसा कि आप देख सकते हैं कि किसी आइटम को जांचने के लिए कुछ मिलीसेकंड लिया गया है।
सब कुछ याद है या एक कार्यान्वित होना चाहिए

@ffjanhoeck हां, एक ही मुद्दा है। दुर्भाग्य से मेरे पास अब इस रूप में आगे देखने का समय नहीं है। लेकिन मैं आपको बता दूंगा कि क्या मुझे कोई बेहतर उपाय मिला :)

@ffjanhoeck किसी भी मौका मैं ऊपर GIF में आपके द्वारा दिखाए गए ऐप पर एक नज़र डाल सकता है? मैं एक प्रोफाइलर को चलाने के लिए उत्सुक हूं और देखूंगा कि सुस्ती कहां से आ रही है।

@bvaughn हाँ यकीन है - मैं तुम्हें अपने ईमेल पर क्रेडेंशियल्स भेज दिया है! :)

मुझे लगता है कि सुस्ती एक आइटम के लघु पूर्वावलोकन से आती है (चित्र और माध्यमिक पाठ के साथ नीला पाठ EntityShortPreview घटक का प्रतिनिधित्व करता है)। लेकिन यह एक आइटम के लिए कोई समस्या नहीं है। समस्या यह है कि सभी आइटम अनमाउंट हो जाते हैं और चयन पर आरोहित हो जाते हैं और यदि आप इसका योग करते हैं, तो यह धीमा है।

Thats मेरी वर्तमान भावना: D लेकिन हो सकता है कि आप कुछ अन्य मुद्दे पा सकें :)

ऐसा तब होता है जब कोई उपयोगकर्ता एक आइटम का चयन करता है

@ffjanhoeck मैं सटीक एक ही मुद्दे में भाग गया, और कुछ जांच के बाद, मैं इस कारण का पता लगाने में कामयाब रहा: यह इसलिए है क्योंकि हम नामित घटकों के बजाय आइटम रेंडरर्स के रूप में अनाम फ़ंक्शन का उपयोग कर रहे हैं। मैं कोई रिएक्ट गुरु नहीं हूं, लेकिन मेरा मानना ​​है कि यह रिएक्ट के सामंजस्य को गड़बड़ करता है, क्योंकि घटक समान रूप से रेंडरर्स के समान नहीं हैं।

मैंने यहाँ समस्या का चित्रण करते हुए एक CodeSandbox उदाहरण बनाया: https://codesandbox.io/s/qx4088mi36

मेरा मानना ​​है कि यह भी यहाँ बातचीत से संबंधित है: https://github.com/bvaughn/react-window/issues/85#issuecomment -436329610

यह वही है जो मैं आज सुबह देख रहा हूं। (एक ईमेल लिख रहा था, लेकिन बाधित हो गया।) इनलाइन फ़ंक्शन को एक इंस्टेंस प्रोपे स्पेड चीजों तक ले जाना, (लेकिन कुछ अन्य चीजों को भी तोड़ दिया, जिन्हें रेप्रो केस के आकार के कारण ट्रैक करने का समय नहीं था)।

मेरा मानना ​​है कि यह रिएक्ट के सामंजस्य को गड़बड़ करता है, क्योंकि घटक रेंडर के बीच समान रूप से समान नहीं हैं।

यह सही है। 👍

हम्म। यह दुर्भाग्यपूर्ण है, क्योंकि मैं ReasonReact का उपयोग करके अपनी परियोजना लिख ​​रहा हूं, जिसमें (वर्तमान में) इस समस्या से बचने के लिए आवश्यक प्रॉप्स / कार्यात्मक घटक सुविधाओं का अभाव है। मैं मानता हूं कि यह किसी भी तरह से रिएक्शन-विंडो के साथ समस्या नहीं है, सिर्फ रीजएमएल के टाइप सिस्टम की एक सीमा है, लेकिन मुझे लगता है कि यह इस मामले में किसी और के थ्रेड पर ठोकर खाने के लायक है।

स्पष्ट होने के लिए, यही कारण है कि सभी डॉक्स उदाहरण मूल घटक के बाहर परिभाषित किए जा रहे आइटम रेंडर दिखाते हैं, और ज्ञापन उदाहरण से पता चलता है कि दोनों के बीच डेटा कैसे साझा किया जाए। (मूल रूप से यह एक हल्के वजन की तरह है, अंतर्निहित संदर्भ में।)

महान, मैं देखूंगा! :)

आपके समाधान ने मुद्दा तय किया! शुक्रिया और आप का दिन शुभ रहे