React-dnd: रिएक्ट 16.3 createRef प्रकार के रेफरी के लिए समर्थन जोड़ें

को निर्मित 3 अप्रैल 2018 · 13टिप्पणियाँ · स्रोत: react-dnd/react-dnd

कॉलबैक रेफरी के बजाय नए createRef API (React 16.3.0 में पेश किया गया) का उपयोग करने वाले तत्व के साथ ConnectDragSource का उपयोग करने से ऐप त्रुटि के साथ क्रैश हो जाता है: TypeError: previousRef is not a function ।

https://github.com/facebook/react/pull/12162

enhancement

स्रोत

janpe

👍41

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

वही मुद्दा। क्या मुझे पुराने कॉलबैक रेफरी का उपयोग करने के लिए वापस जाना चाहिए, या इसके आसपास काम करने का कोई तरीका है?

im-martijn 30 जुल॰ 2018

👍9

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

यह वही है जो ब्राउज़र आउटपुट करता है:

    return (0, _react.cloneElement)(element, {
        ref: function ref(node) {
            newRef(node);

            if (previousRef) {
                previousRef(node); // << fails with new refs
            }
        }
    });

TeoTN 3 अप्रैल 2018

👍1

वही मुद्दा। पहली बार मुझे अंततः नए रेफरी का उपयोग करने का मौका मिला और प्रतिक्रिया-डीएनडी रास्ते में है।

लंबे समय तक मैं findDOMNode का उपयोग करने और रेफरी को बदलने के पूरे प्रतिक्रिया-डीएनडी मॉडल के बारे में निश्चित नहीं हूं। जब रिएक्ट में नया createRef और withRef है। नया फॉरवर्डरेफ एपीआई । और कई एपीआई रेंडर प्रॉप्स का उपयोग करना शुरू कर रहे हैं।

लेकिन अभी के लिए यह जांचने के लिए पर्याप्त होना चाहिए कि पिछला रेफ current संपत्ति वाला ऑब्जेक्ट है और इसे फ़ंक्शन के रूप में कॉल करने के बजाय सेट करें।

dantman 6 अप्रैल 2018

किसी के पास इसके लिए कोई समाधान है, जबकि अभी भी createRef() का उपयोग कर रहा है?

MattBubernak 13 जून 2018

मैं इसे बाद में खोद सकता हूं, लेकिन आप जो खोज रहे हैं उसे प्रदर्शित करने वाला एक सैंडबॉक्स यहां बहुत अच्छा होगा।

darthtrevino 13 जून 2018

मैं भी इसी मुद्दे का सामना कर रहा हूं।
@darthtrevino https://codesandbox.io/s/733onvqwl6 शायद यह सैंडबॉक्स मदद करता है।

dhruvparmar372 1 जुल॰ 2018

im-martijn 30 जुल॰ 2018

👍9

+1
React.createRef() और ref.current करके ऐप क्रैश हो गया।

यह कब ठीक होगा?

markvital 3 अक्तू॰ 2018

अभी भी तय नहीं है: /

AlexChrisF 23 अक्तू॰ 2018

मैं इसे देखने के लिए प्रतिक्रिया-विश्वास के बाद कुछ समय दूंगा

darthtrevino 23 अक्तू॰ 2018

❤4

मैं एक अन्य रिक्त div के अंदर ref div को समाहित करके सुझाए गए वर्कअराउंड का उपयोग करने में सक्षम था।
उदाहरण:

 <div>
        <div
          style={{
            position: "relative",
            borderStyle: "dashed",
            width: 300,
            height: 200,
            position: "relative"
          }}
          ref={this.myRef}
        />
      </div>