Razzle: منشئ - استدعاء super and bind

تم إنشاؤها على ٩ يونيو ٢٠١٦  ·  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>
)
}

أعتقد أن لديك برنامج babel-plugin مثبتًا والذي يسمح لك بتجنب كتابة "extends React.Component" طوال الوقت. لا يمكنني رؤية "bindActionCreators" أيضًا.

سؤال ، كيف أكتب أعلاه بالطريقة التي يمكن استخدامها في مشروع البداية الخاص بك؟

التعليق الأكثر فائدة

يبدو أنك لا تستخدم connect من react-redux :

استيراد {connect} من "رد فعل إعادة"

... المكون الخاص بك ...

تصدير الاتصال الافتراضي (mapStateToProps ، actionCreators) (التقويم)

ال 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>
)
}

يبدو أنك لا تستخدم connect من react-redux :

استيراد {connect} من "رد فعل إعادة"

... المكون الخاص بك ...

تصدير الاتصال الافتراضي (mapStateToProps ، actionCreators) (التقويم)

إغلاق هذا لأنه لا يتعلق بالنموذج المعياري. ومع ذلك ، أقترح مشاهدة دورات Dan Abramov على Redux:

تحقق أيضًا من react-redux API لـ connect : https://github.com/reactjs/react-redux/blob/master/docs/api.md#connectmapstatetoprops -mapdispatchtoprops-mergeprops-options

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

piersolenski picture piersolenski  ·  4تعليقات

knipferrc picture knipferrc  ·  5تعليقات

charlie632 picture charlie632  ·  4تعليقات

krazyjakee picture krazyjakee  ·  3تعليقات

JacopKane picture JacopKane  ·  3تعليقات