React: [बग] रिएक्ट ऑन चेंज सिंथेटिक/प्रॉक्सी इवेंट्स को रिसाइकल किया जा रहा है, समस्या तब होती है जब हैंडलर डिबॉन्स्ड होता है

को निर्मित 20 सित॰ 2016 · 3टिप्पणियाँ · स्रोत: facebook/react

वर्तमान व्यवहार क्या है?

0.14.7 के रूप में पुष्टि की गई लेकिन आज 15.3.2 में भी होती है।

class Foo extends React.Component {
    render(){
    const handleChange = _.debounce(this.props.onChange, 500);
    return <input onChange={handleChange} />
  }
}

ReactDOM.render(<Foo onChange={e => console.log(e.target, e)} />, document.querySelector('div'));

e.target प्राप्त करने की अपेक्षा करें, null . प्राप्त करें

बहस के बिना, उम्मीद के मुताबिक काम करता है। https://jsfiddle.net/dimitar/7ktbfetb/1/

संभवतः https://github.com/facebook/react/commit/3285d834402a60d241188a1deacf8250b50239cf से संबंधित - https://github.com/facebook/react/blob/master/CHANGELOG.md#react -9 के लिए

स्रोत

DimitarChristoff

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

समाधान की तलाश में किसी के लिए, आप e.persist() . का उपयोग कर सकते हैं

उदाहरण के लिए return <input onChange={e => handleChange(e.persist()||e)} />

DimitarChristoff 20 सित॰ 2016

👍3

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

समाधान की तलाश में किसी के लिए, आप e.persist() . का उपयोग कर सकते हैं

उदाहरण के लिए return <input onChange={e => handleChange(e.persist()||e)} />

DimitarChristoff 20 सित॰ 2016

👍3

इसका कारण यह है कि बहस कैसे काम करती है। यह अगले ईवेंट लूप पर कॉल को पुश करने के लिए सेटटाइमआउट का उपयोग करने जा रहा है। जैसा कि आपने नोट किया, पूलिंग के कारण इसका मतलब है कि रिएक्ट ने सिंथेटिक घटना को पूल में वापस कर दिया है और फ़ील्ड को रीसेट कर दिया है। यदि आप debounce या किसी अन्य चीज़ का उपयोग कर रहे हैं जिसके लिए प्रतिक्रिया के ईवेंट हैंडलर (जैसे async कोड) के बाहर ईवेंट मौजूद होना आवश्यक है, तो आपको बने रहने की आवश्यकता है।

यह डिज़ाइन के अनुसार है इसलिए अभी इस बारे में कुछ नहीं करना है। पूलिंग को संभावित रूप से हटाने के बारे में # 6190 में कुछ चर्चा है, जो आपके कोड को स्पष्ट रूप से जारी रखे बिना काम करना चाहिए।

zpao 21 सित॰ 2016

👍2

यह डेटा के प्रवाह, अपरिवर्तनीयता और दुष्प्रभावों से बचने के लिए निर्धारित सिद्धांतों के विपरीत है। आप किसी घटक को ऑब्जेक्ट पास कर रहे हैं लेकिन यह केवल एक स्नैपशॉट है जिसका उपयोग उसी ईवेंट लूप के भीतर किया जाना है क्योंकि आप जीसी और उन उपयोगकर्ताओं पर अविश्वास करते हैं जो अनजाने में एक रिसाव बना सकते हैं ...

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

DimitarChristoff 21 सित॰ 2016

👍1

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

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

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

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

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