Как переписать action в компоненте?

Question

[Алексей Кондаков]

Добрый день!
Есть коннект вида

@connect(null, dispatch => ({
  handleFilters: (type, text) => dispatch(handleFilters(type, text))
}))

Как перенести диспатч из него во внутрь экшенов?

export const handleFilters = (type, val) => {
  switch (type) {
    case "input":
      return {
        type: FILTER_BY_INPUT,
        payload: val
      };
    case "time":
      return {
        type: FILTER_BY_TIME,
        payload: val
      };
    case "hall":
      return {
        type: FILTER_BY_HALL,
        payload: val
      };
    case "status":
      return {
        type: FILTER_BY_STATUS,
        payload: val
      };
    case "dateFrom":
      return {
        type: FILTER_BY_DATE_FROM,
        payload: val
      };
    case "dateTo":
      return {
        type: FILTER_BY_DATE_TO,
        payload: val
      };
  }
};

Всю голову сломал - не понял.
Важное условие: bindActioncreators нельзя применять.

Answer 1

[Максим]

Понять бы еще зачем этот перенос?

Тем не менее, если вы хотите использовать dispatch внутри ваших экшенов, можете взять middleware redux-thunk, тогда сможете записать:

export const handleFilters = (type, val) => {
  return (dispatch, getState) => {
    switch (type) {
    case "input":
      dispatch({
        type: FILTER_BY_INPUT,
        payload: val
      });
    case "time":
      ...
    }
  }
};

Comments

[Алексей Кондаков]

Блин, мне ответил maxfarseer ^_^!!!!!
У Вас потрясающие книги, спасибо за них огромное!

[Максим]

Алексей Кондаков, спасибо =) делаю новую, подписывайтесь в twitter, сообщу о выходе/новостях там.