React-dnd: ConnectDragPreview () घटक को नियमित घटक के रूप में भी प्रदर्शित किया जाता है

को निर्मित 28 मई 2017 · 3टिप्पणियाँ · स्रोत: react-dnd/react-dnd

शायद यह https://github.com/react-dnd/react-dnd/issues/399 का संभावित डुप्लिकेट है
यह शायद ज्ञात व्यवहार है, लेकिन अच्छा होगा यदि निम्नलिखित हासिल किया जा सके:

render () {
        const { connectDragSource, connectDragPreview, isDragging } = this.props;

        return (
            <div className='top'>
                <div>Ordinary</div>
                {connectDragSource (<div>Dragabble</div>)}
                {connectDragPreview (<div>my preview</div>)}
            </div>
        );
}

मैं चाहता हूं कि मेरा पूर्वावलोकन घटक केवल वास्तविक पूर्वावलोकन के रूप में दिखाया जाए, सामान्य घटक के रूप में नहीं।
लेकिन यह 'टॉप' डिव के अंदर वास्तविक ड्रैग करने योग्य घटक के नीचे <div>my preview</div> दिखाता है। मैं नहीं चाहता कि इसे वहां दिखाया जाए, लेकिन केवल एक पूर्वावलोकन के रूप में। क्या यह हासिल किया जा सकता है?

wontfix

स्रोत

croraf

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

यहाँ यह है (कस्टम ड्रैग लेयर का उपयोग करें):
https://github.com/react-dnd/react-dnd/blob/master/examples/02%20Drag%20Around/Custom%20Drag%20Layer/CustomDragLayer.js

और यह कोड का प्रासंगिक हिस्सा है:

import { getEmptyImage } from 'react-dnd-html5-backend';

componentDidMount() {
    // Use empty image as a drag preview so browsers don't draw it
    // and we can draw whatever we want on the custom drag layer instead.
    if (this.props.connectDragPreview) {
      this.props.connectDragPreview(getEmptyImage(), {
        // IE fallback: specify that we'd rather screenshot the node
        // when it already knows it's being dragged so we can hide it with CSS.
        captureDraggingState: true,
      });
    }
  }

maierson 5 जून 2017

👍1

नमस्ते
मुझे ड्रैगसोर्स घटक के बगल में एक कस्टम ड्रैगप्रव्यू घटक बनाने की आवश्यकता है, लेकिन जब मैं उपरोक्त कोड का उपयोग कंपोनेंटडिडमाउंट () में करता हूं, तो यह खींचते समय कोई पूर्वावलोकन नहीं दिखाता है।

wiadev 23 अप्रैल 2019

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

stale[bot] 6 जुल॰ 2019

👎2

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

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

React-dnd: ConnectDragPreview () घटक को नियमित घटक के रूप में भी प्रदर्शित किया जाता है

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

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