Redux: Как отправить много действий в одном создателе действий

Созданный на 1 июн. 2015 · 3Комментарии · Источник: reduxjs/redux

У меня есть пример с 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)
    );
}

Как реализовать такой же создатель действий в redux? Должен ли я создавать создателя действий для каждого типа действия?

Источник

vslinko

Самый полезный комментарий

Я бы, вероятно, позволил создателю действия вернуть функцию. Если это функция, ей дается dispatch и состояние.

gaearon 1 июн. 2015

👍4

Все 3 Комментарий

Я бы, вероятно, позволил создателю действия вернуть функцию. Если это функция, ей дается dispatch и состояние.

gaearon 1 июн. 2015

👍4

Я добавил поддержку асинхронных AC, как описано выше. На данный момент они не могут получить доступ к состоянию - я, вероятно, вернусь к нему в какой-то момент, но я не хочу торопиться с API.

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 рейтинги