どのように反応の状態の配列をフィルタリングできますか？

Question

私は多くの州を持つ注文還元剤を持っています。

const initialState = { 
channel: null, 
order: {}, 
fetching:true, 
menu: [], 
categories: [], 
subcategories: [], 
currentCategoryId: 1, 
currentSubcategoryId: 5, 
currentMenu: [], 
}; 

フィルタしたいものはmenuです。 menuは、menu_itemのオブジェクトを持つ状態の配列です。currentCategoryIdとcurrentSubcategoryIdです。私がこれらの状態でしたいのは、currentCategoryIdとcurrentSubcategoryIdをフィルタリングしてmenuをフィルタリングし、フィルタリングした状態をcurrentMenuにすることです。

case Constants.ORDER_CHANNEL_CONNECTED: 
return 
    {...state,currentMenu: action.menu.map((menu) => { 
        if(state.currentCategoryId == menu.category_id){ 
         return menu; 
        } 
        else return false;}} 

そうするために、上記のようなコードを作成しました。いくつかのフィルタリングされた値を返すにもかかわらず、多くのfalse値を持つ同じ数の配列を示します。私はそれを行うための他のアプローチを探したいです。

どうすればいいですか？

ありがとうございます。

{...state,currentMenu: action.menu.filter((menu) => 
state.currentCategoryId == menu.category_id)} 

P.S：

Answer 1

filter機能を使用してください、私はそれが私はあなたがこの目的のためにimmutable.jsを使用することができますと言うでしょうImmutable.js

Answer 2

を使用することをお勧めします、以下の答えに同意します。地図にfilterを追加できます。

あなたは

Immutable.map(state.menu).filter(state.currentCategoryId===menu.category_id) 

P.Sような何かを試すことができます：私は上記のコードをテストしているが、それは少しの変更で動作するはずです。

あなたはImmutable.jsを使用することをお勧めしていることだと思いますなぜあなたは不変here

Answer 3

onTodoClick(id){ 
     this.setState({items: this.state.items.filter(item => item.news_id == id) 
     }); 
    }