React-dnd: ड्रॉपटार्गेट मैपिंग के साथ रेडक्स कनेक्ट का उपयोग करना

को निर्मित 9 फ़र॰ 2016 · 5टिप्पणियाँ · स्रोत: react-dnd/react-dnd

मैं अपने घटक को रेडक्स को हुक करने का सही तरीका जानने की कोशिश कर रहा हूं जो एक ड्रॉप लक्ष्य भी होता है।

export default DropTarget(dragTypes, storyTarget, collect)(connect(mapStateToProps)(StoryEditor));

इस समय मैं उन्हें इस तरह से जोड़ रहा हूं, ऐसा लगता है कि यह काम कर रहा है, लेकिन मैं यह सत्यापित करना चाहता था कि यह सही है।

स्रोत

IljaDaderko

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

मैं इसे इस तरह करूँगा:

import { compose } from 'redux'

export default compose(
  DropTarget(dragTypes, storyTarget, collect),
  connect(mapStateToProps)
)(StoryEditor);

gaearon 14 फ़र॰ 2016

👍21 😄3 🎉2 👎2

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

मैं इसे इस तरह करूँगा:

import { compose } from 'redux'

export default compose(
  DropTarget(dragTypes, storyTarget, collect),
  connect(mapStateToProps)
)(StoryEditor);

gaearon 14 फ़र॰ 2016

👍21 😄3 🎉2 👎2

रिएक्ट डीएनडी डॉक्स में _.flow का उपयोग करता है। तो अगर मैं इस अधिकार को पढ़ रहा हूं तो हम वास्तव में रेडक्स से compose फ़ंक्शन का उपयोग कर सकते हैं, है ना?

ekeric13 18 मार्च 2016

@ ekeric13 Redux का compose उल्टे तर्कों के साथ _.flow समान है। अर्थात्,

compose(f, g, h)(x) === flow(h, g, f)(x) === f(g(h(x)))

billyjanitsch 18 मार्च 2016

👍6

@gaearon compose का उपयोग करना मेरे लिए ठीक काम करता है, लेकिन मैंने compose लिए प्रलेखन पर ध्यान दिया है कि गैर सही अधिकांश कार्यों को लिखने के लिए पारित किया जाना चाहिए, एक पैरामीटर की अपेक्षा करनी चाहिए, फिर भी हम तीन तर्क पारित करने में सक्षम हैं DropTarget । यह क्यों काम करता है?

लिखें (... फ़ंक्शन)

दाएं से बाएं कार्यों की रचना करता है।

यह एक कार्यात्मक प्रोग्रामिंग उपयोगिता है, और एक सुविधा के रूप में Redux में शामिल है।
आप एक पंक्ति में कई स्टोर एन्हांसर लागू करने के लिए इसका उपयोग करना चाह सकते हैं।

बहस

(तर्क): रचना करने के लिए कार्य। प्रत्येक फ़ंक्शन से एक पैरामीटर को स्वीकार करने की अपेक्षा की जाती है। इसका रिटर्न वैल्यू बाईं ओर खड़े फ़ंक्शन के लिए एक तर्क के रूप में प्रदान किया जाएगा, और इसी तरह। अपवाद सबसे सही तर्क है जो कई मापदंडों को स्वीकार कर सकता है, क्योंकि यह परिणामी रचना समारोह के लिए हस्ताक्षर प्रदान करेगा।

jeffreyplusplus 10 सित॰ 2017

BuilderArea.propTypes = {
  addPanel: PropTypes.func.isRequired
};

const mapStateToProps = state => ({
  panels: state.panels
});

export default compose(
  DropTarget(Types.PANEL_CARD, builderAreaTarget, (connect, monitor) => ({
    connectDropTarget: connect.dropTarget(),
    isOver: monitor.isOver()
  })),
  connect(
    mapStateToProps,
    { addPanel }
  )
)(BuilderArea);

talentedaamer 18 जून 2018

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

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

React-dnd: ड्रॉपटार्गेट मैपिंग के साथ रेडक्स कनेक्ट का उपयोग करना

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

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

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