Redux: एक एक्शन क्रिएटर में कई एक्शन कैसे डिस्पैच करें

को निर्मित 1 जून 2015 · 3टिप्पणियाँ · स्रोत: reduxjs/redux

मेरे पास फ़्लूस पर कुछ उदाहरण है:

function authFormSubmit(fluce) {
  const {valid, disabled, data: {username, password}} = fluce.stores.authForm

  if (disabled) return

  if (!valid) {
    fluce.dispatch(AUTH_FORM_ERROR, new Error('Form is invalid'))
    return
  }

  fluce.dispatch(AUTH_FORM_DISABLED, true)
  fluce.dispatch(AUTH_FORM_ERROR, null)

  authorize({username, password})
    .then(
      user => fluce.dispatch(CURRENT_USER, user),
      error => fluce.dispatch(AUTH_FORM_ERROR, error)
    )
    .then(
      () => fluce.dispatch(AUTH_FORM_DISABLED, false)
    );
}

Redux में समान एक्शन क्रिएटर को कैसे लागू करें? क्या मुझे प्रत्येक क्रिया प्रकार के लिए एक्शन क्रिएटर बनाना चाहिए?

स्रोत

vslinko

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

मैं शायद एक्शन क्रिएटर को एक फंक्शन वापस करने दूंगा। यदि यह एक फ़ंक्शन है, तो इसे dispatch और राज्य दिया जाता है।

gaearon 1 जून 2015

👍4

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

gaearon 1 जून 2015

👍4

मैंने ऊपर बताए अनुसार async AC के लिए समर्थन जोड़ा है। अभी के लिए, वे राज्य तक नहीं पहुंच सकते—मैं शायद किसी बिंदु पर उस पर वापस आऊंगा, लेकिन मैं एक एपीआई को जल्दी नहीं करना चाहता।

gaearon 1 जून 2015

अद्यतन: आप इसे अभी कर सकते हैं।

// Could also look into state in the callback form
export function incrementIfOdd() {
  return (dispatch, state) => {
    if (state.counterStore.counter % 2 === 0) {
      return;
    }

    dispatch(increment());
  };
}

gaearon 2 जून 2015

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

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