Вопрос:

Вложенные действия в Reaction-Redux

reactjs filtering action

836 просмотра

1 ответ

1367 Репутация автора

У меня есть два действия, которые они фильтруют мои данные по умолчанию. Эти действия:

export function filterBySide(data, product_side) {
    const filtered_side_data = data.filter(record =>{
        return record.side.match(product_side)
    });

    return {
        type: FILTER_BY_SIDE,
        payload: {
            filtered_side_data
        }
    };
}
export function filterByStatus(data, product_status) {
    const filtered_status_data = data.filter(record =>{
            return record.status.match(product_status)
    });

    return {
        type: FILTER_BY_STATUS,
        payload: {
            filtered_status_data
        }
    };
}

Я прикрепил их в двух выпадающих списках, и они отфильтровали мои данные в сетке. Моя проблема в том, что я хочу, чтобы они выполнялись синхронно. Чтобы быть более точным, когда я выбираю сторону товара, а затем выбираю статус товара, я хочу отфильтровать уже отфильтрованные данные по статусу.

Автор: user7334203 Источник Размещён: 01.02.2017 04:14

Ответы (1)


2 плюса

3828 Репутация автора

Вы можете сделать фильтрацию внутри вашего списка компонентов. Просто запишите в магазине, какие фильтры выбраны, и в компоненте используйте его для фильтрации всех данных.

Я настоятельно рекомендую вам ознакомиться с учебником Дэна Абрамова, посвященного созданию редуксов . В конце вы сможете правильно сделать приложение, которое фильтрует данные.

Автор: Diego Faria Размещён: 01.02.2017 05:24
Вопросы из категории :
32x32