react-reduxのネストされたアクション

Question

私は2つのアクションを持っています。それらは私のデフォルトデータをフィルタリングします。これらのアクションは次のとおりです。

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

2つのドロップダウンリストに添付し、データをグリッドでフィルタリングしました。私の問題は、それらを同期して実行したいということです。より正確には、私は製品の側面を選択し、私は製品のステータスを選択した状態で私は既にフィルタリングされたデータをフィルタリングしたい場合

Answer 1

あなたのリストコンポーネント内でフィルタリングを行うことができます。どのフィルタが選択されているかをストアに記録するだけで、コンポーネント内ではすべてのデータをフィルタリングします。

reduxの作成者Dan Abramov's tutorial on reduxをご覧になることを強くお勧めします。最後に、データをフィルタリングするアプリケーションを適切に実行することができます。