Razzle: कंस्ट्रक्टर - कॉलिंग सुपर और बाइंड

को निर्मित 9 जून 2016 · 3टिप्पणियाँ · स्रोत: jaredpalmer/razzle

हाय @jaredpalmer , अपने स्टार्टर-प्रोजेक्ट का उपयोग करके एक प्रोजेक्ट पर काम करना शुरू कर दिया। महान काम!

मेरे पास उपयोगकर्ता इंटरैक्शन (उदाहरण के लिए बटन क्लिक) पर रेडक्स कार्रवाइयां भेजने के बारे में एक प्रश्न है। मेरे प्रश्न सही वाक्य रचना के बारे में अधिक हैं। अतीत में मैंने कंस्ट्रक्टर को बुलाया और बाइंड फंक्शन को इस तरह कहा:

function mapDispatchToProps(dispatch) {
    return bindActionCreators({
        importedAction,
    }, dispatch);
}
class Calendar extends React.Component {

constructor(props) {
   super(props);
   this.handleClick = this.handleClick.bind(this);
}

handleClick(programId) {
        this.props.importedAction()
        .then((response) => {
            do something with response
        });
    }
 }
....

render() {
 return (
   <a onClick={this.handleClick}>Click me to dispatch action</a>
)
}

मुझे लगता है कि आपके पास एक बैबेल-प्लगइन स्थापित है जो आपको हर समय "एक्सटेंड्स रिएक्ट.कंपोनेंट" लिखने से बचने की अनुमति देता है। मैं 'बाइंडएक्शन क्रिएटर्स' भी नहीं देख सकता।

प्रश्न, मैं ऊपर कैसे लिखूंगा जिस तरह से इसे आपके स्टार्टर प्रोजेक्ट में इस्तेमाल किया जा सकता है?

स्रोत

kkarkos

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

ऐसा लगता है कि आप connect से react-redux का उपयोग नहीं कर रहे हैं:

'रिएक्शन-रेडक्स' से आयात {कनेक्ट}

... आपका घटक ...

निर्यात डिफ़ॉल्ट कनेक्ट (mapStateToProps, actionCreators) (कैलेंडर)

wedneyyuri 9 जून 2016

👍2

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

function mapDispatchToProps(dispatch) {
    return bindActionCreators({
        importedAction,
    }, dispatch);
}
class Calendar extends React.Component {

handleClick(programId) {
        this.props.importedAction()
        .then((response) => {
            do something with response
        });
    }
 }
....

render() {
 return (
   <a onClick={(evt) => this.handleClick()}>Click me to dispatch action</a>
)
}

wedneyyuri 9 जून 2016

ऐसा लगता है कि आप connect से react-redux का उपयोग नहीं कर रहे हैं:

'रिएक्शन-रेडक्स' से आयात {कनेक्ट}

... आपका घटक ...

निर्यात डिफ़ॉल्ट कनेक्ट (mapStateToProps, actionCreators) (कैलेंडर)

wedneyyuri 9 जून 2016

👍2

इसे बंद करना क्योंकि यह बॉयलरप्लेट से संबंधित नहीं है। हालाँकि, मेरा सुझाव है कि Redux पर डैन अब्रामोव के पाठ्यक्रम देखें:

इसके अलावा react-redux API connect के लिए देखें: https://github.com/reactjs/react-redux/blob/master/docs/api.md#connectmapstatetoprops -mapdispatchtoprops-mergeprops-options

jaredpalmer 9 जून 2016

👍1

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

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

Razzle: कंस्ट्रक्टर - कॉलिंग सुपर और बाइंड

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

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

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