React: क्या असतत घटनाओं के अंदर राज्य स्थापित करने से सफाई चल सकती है?

को निर्मित 5 मार्च 2019 · 3टिप्पणियाँ · स्रोत: facebook/react

यह बग काफी भ्रमित करने वाला है:

https://twitter.com/kentcdodds/status/1102659818660102145

मैं यह इसलिए होता है क्योंकि लगता है कि fn द्वारा अनुसूचित setInterval(fn, 0) के सामने छलांग [running] प्रभाव के कारण सफाई setRunning(false) । तो अंतराल अभी भी आग लगती है, setLapse(0) ओवरराइट कर रही है जो घटना के दौरान setLapse(someValue) ।

यह मुझे https://github.com/facebook/react/issues/14750#issuecomment -४६०४०९६०९, या इसके कम से कम एक हिस्से में वर्णित समस्या की याद दिलाता है:

वास्तव में, यह समस्या नियमित रिएक्ट कीस्ट्रोक्स (और अन्य "असतत" घटनाओं) के लिए भी मौजूद है। इसका समाधान यह होगा कि हम असतत घटना प्राप्त करने से पहले निष्क्रिय प्रभावों को दूर कर दें।

लेकिन यहां, ऐसा लगता है कि यह पर्याप्त नहीं होगा क्योंकि क्लिक के परिणामस्वरूप प्रभाव फ़्लिप होता है, इससे पहले नहीं। तो क्या setState एक असतत घटना के अंदर भी निष्क्रिय प्रभाव को फ्लश करना चाहिए? लगता है नहीं। (इससे उन्हें देरी करने का उद्देश्य विफल हो जाएगा।)

तो यह डिजाइन के रूप में काम कर रहा है, और समय के मामले में फिक्स सिर्फ useLayoutEffect है? या आरएएफ समाधान?

Hooks Question

स्रोत

gaearon

सबसे उपयोगी टिप्पणी

एक दृष्टिकोण यह है कि टाइमर के वास्तव में रुकने के बाद ही रीसेट को प्रेषित किया जाए, अर्थात प्रभाव में। यदि आप चाहते हैं कि यह हमेशा एक ही फ्रेम में शून्य प्रदर्शित करे, तो जब आप चल रहे हों तो आप हमेशा शून्य प्रदर्शित कर सकते हैं।

हालांकि, लगभग हमेशा की तरह, यह एक रेड्यूसर के रूप में बेहतर रूप से तैयार किया गया है। रेड्यूसर आसानी से अपडेट को समाप्त होने से मना कर सकता है जब उसे लगता है कि यह रुकी हुई स्थिति में है और वास्तव में इसे रीसेट करने के लिए तर्क भी करता है।

sebmarkbage 5 मार्च 2019

👍3

सभी 3 टिप्पणियाँ

समस्या यह है कि टाइमर स्वयं एक अलग घटना नहीं है। असतत घटनाओं की गारंटी केवल अन्य असतत घटनाओं के संबंध में दी जाती है। मुझे नहीं लगता कि आप यहां यही चाहते हैं।

टाइमर को रोकना एक एसिंक्रोनस ऑपरेशन है क्योंकि सभी सेट स्टेट्स एसिंक्स हैं। तो फ्लश होने से पहले कुछ और आ सकता है।

यह एक ऐसा मामला है जहां useLayoutEffect वास्तव में समस्या को पूरी तरह से ठीक नहीं करता है। निश्चित रूप से समवर्ती मोड में नहीं, लेकिन यह सिंक मोड में भी स्केची है। यदि यह एक टाइमर नहीं था, लेकिन मान लीजिए कि एक फ़ोकस ईवेंट है, तो यह फ़्लश होने से पहले एक बैच के भीतर आग लग सकता है, जिसमें एक ही समस्या होगी।

setRunning(false); // I would like to add a stop of this timer to the queue to be performed later
setLapse(0); // I would like to add an operation to set lapse to zero later
// lots of random stuff that can happen before the batch flushes
// This might also queue an operation to set lapse to something else
// actual rendering
// If concurrent mode, lots of other random stuff that can happen while rendering
// This might also queue an operation to set lapse to something else
// Actually do all that work in order

यह सब कुछ है कि कतार में किस क्रम की चीजें जोड़ी जाती हैं।

sebmarkbage 5 मार्च 2019

👍3

मुझे अब समझ आया। धन्यवाद।

https://mobile.twitter.com/dan_abramov/status/1104069236132057089
https://codesandbox.io/s/23m1659rlp

gaearon 8 मार्च 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

React: क्या असतत घटनाओं के अंदर राज्य स्थापित करने से सफाई चल सकती है?

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों