Вложенные действия в реакции-редукции

Question

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

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

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

Answer 1

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

Я настоятельно рекомендую вам посмотреть создателя redux Dan Abramov's tutorial on redux. В конце вы сможете правильно сделать приложение, которое фильтрует данные.