react-redux中的嵌套操作

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

你可以做你的清單組件內部的過濾功能，我已經過濾的數據。只需在商店中記錄選擇哪些過濾器，並在組件中使用它來過濾所有數據。

我強烈建議你看看REDX創建者Dan Abramov's tutorial on redux。最後，您將能夠正確地完成一項可以過濾數據的應用程序。