React-dnd: क्रमबद्ध उदाहरण रेफरी पास करके काम नहीं करता है

को निर्मित 17 जुल॰ 2017 · 4टिप्पणियाँ · स्रोत: react-dnd/react-dnd

उदाहरण है:

return connectDragSource(connectDropTarget(
      <div style={{ ...style, opacity }}>
        {text}
      </div>
    ));

लेकिन कनेक्ट करने के वैकल्पिक तरीकों का उपयोग करते हुए, इस तरह के एक पासिंग रेफरी ( innerRef का उपयोग करके क्योंकि मैं styled-components का उपयोग कर रहा हूं), अगर मैं करता हूं:

return (
      <MyElement 
        innerRef={instance => connectDragSource(connectDropTarget(findDOMNode(instance)))}
        style={{ ...style, opacity }}
      >
        {text}
      </MyElement>
);

केवल आंतरिक कॉल काम करती है (इस मामले में, connectDropTarget , लेकिन अगर मैं connectDropTarget और connectDragSource स्वैप करता हूं, तो केवल connectDragSource काम करेगा)।

यह काम करता है, यद्यपि:

return (
      <MyElement 
        innerRef={instance => {
          const domNode = findDOMNode(instance)
          connectDragSource(domNode)
          connectDropTarget(domNode)
        }}
        style={{ ...style, opacity }}
      >
        {text}
      </MyElement>
);

कोई कारण क्यों?

wontfix

स्रोत

TrevorHinesley

👍3

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

इस मुद्दे पर कोई खबर?

noosxe 15 अक्तू॰ 2017

👍5

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

इस मुद्दे पर कोई खबर?

noosxe 15 अक्तू॰ 2017

👍5

यह बहुत अच्छा होगा यदि रिएक्ट डीएनडी स्टाइल-कंपोनेंट्स (इनररफ के साथ) के साथ काम करता है, न कि केवल देशी डिव तत्वों के साथ।

rholliger 25 अक्तू॰ 2017

मुझे आश्चर्य है कि यह कैसे हो रहा है, क्योंकि कनेक्टर फ़ंक्शन को एक क्लोन रिएक्ट एलीमेंट वापस करना चाहिए, और यह अजीब है कि यह एक प्रतिपादन संदर्भ में ठीक काम करता है। स्पष्टीकरण सुनने के लिए इच्छुक हैं यदि कोई उपस्थित होना चाहिए। :-)

philraj 6 दिस॰ 2017

इस समस्या को स्वचालित रूप से पुराने के रूप में चिह्नित कर दिया गया है क्योंकि इसमें हाल की गतिविधि नहीं है। आगे कोई गतिविधि नहीं होने पर इसे बंद कर दिया जाएगा। आपके योगदानों के लिए धन्यवाद।