予期せぬredux .filterの結果

Question

質問にまっすぐに進みますが、私はreduxストアにフィルタリストがあります。フィルターが追加され、そこから削除されます。

次のようにフィルタを追加：予想通り

case ADD_FILTER: 
     return { 
     ...state, 
     filters: [ 
      ...state.filters, 
      action.filter 
     ] 
     }; 

が働いています。フィルタを削除するとき：

case REMOVE_FILTER: 
     return { 
     ...state, 
     filters: state.filters.filter(
      filter => filter.type !== action.filter.type && filter.name !== action.filter.name 
     ) 
     }; 

私のリストからすべてのフィルタを削除します！ここ

はフィルタのサンプル表現です：

{ 
    { 
     type: 'sampleType1' 
     name: 'value1' 
    }, 
    { 
     type: 'sampleType2' 
     name: 'value1' 
    }, 
    { 
     type: 'sampleStatus1' 
     name: 'value2' 
    }, 
    { 
     type: 'sampleStatus2' 
     name: 'value3' 
    }, 
} 

とアクション：

export function addFilter(filter) { 
    return (dispatch) => { 
    dispatch({ 
     type: ADD_FILTER, 
     filter 
    }); 

    dispatch(load()); 
    }; 
} 

、

export function removeFilter(filter) { 
    console.log(filter); 
    return (dispatch) => { 
    dispatch({ 
     type: REMOVE_FILTER, 
     filter 
    }); 

    dispatch(load()); 
    }; 
} 

私は.filter()機能に問題がなければならないことを疑っています。

私はすべてを説明してくれることを願っています。

Answer 1

だけ指定したフィルタを削除したい場合は、あなたがまたは||オペレータ使用する必要があります。

filter => filter.type !== action.filter.type || filter.name !== action.filter.name