Redux: Cara mengirim banyak tindakan dalam satu pembuat tindakan

Dibuat pada 1 Jun 2015 · 3Komentar · Sumber: reduxjs/redux

Saya punya beberapa contoh tentang fluce:

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)
    );
}

Bagaimana cara menerapkan pembuat tindakan yang sama di redux? Haruskah saya membuat pembuat tindakan untuk setiap jenis tindakan?

Sumber

vslinko

Komentar yang paling membantu

Saya mungkin akan membiarkan pembuat tindakan mengembalikan fungsi. Jika itu sebuah fungsi, diberikan dispatch dan statusnya.

gaearon pada 1 Jun 2015

👍4

Semua 3 komentar

Saya mungkin akan membiarkan pembuat tindakan mengembalikan fungsi. Jika itu sebuah fungsi, diberikan dispatch dan statusnya.

gaearon pada 1 Jun 2015

👍4

Saya menambahkan dukungan untuk AC async seperti yang dijelaskan di atas. Untuk saat ini, mereka tidak dapat mengakses status—saya mungkin akan kembali ke sana di beberapa titik, tetapi saya tidak ingin terburu-buru menggunakan API.

gaearon pada 1 Jun 2015

Pembaruan: Anda dapat melakukan ini sekarang.

// 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 pada 2 Jun 2015

Apakah halaman ini membantu?

0 / 5 - 0 peringkat