セレクタのresultFuncからの小道具へのアクセス

Question

accessing react props in selectorsのドキュメントと同様の使用例がありますが、私の場合はvisibilityFilterが小道具から来ているとしましょう。下のようなことを達成する方法はありますか？

export const getVisibleTodos = createSelector(
    getTodos, 
    (todos, props) => { 
    // props is undefined 
    switch (props.visibilityFilter) { 
     case 'SHOW_ALL': 
     return todos 
     case 'SHOW_COMPLETED': 
     return todos.filter(t => t.completed) 
     case 'SHOW_ACTIVE': 
     return todos.filter(t => !t.completed) 
    } 
    } 
) 

私はまだそれを正しくメモしておく必要がありますが、それは2番目のステップだと思います。あなたはresultFuncへの入力の1つとして、あなたがしたいプロパティを抽出することができ、という使い方

Answer 1

Props (or ownProps) is the second argument passed to any mapStateToProps function.

。

export const getVisibleTodos = createSelector(
    getTodos, 
    (state, props) => props.visibilityFilter, 
    (todos, visibilityFilter) => { 
    switch (visibilityFilter) { 
     case 'SHOW_ALL': 
     return todos 
     case 'SHOW_COMPLETED': 
     return todos.filter(t => t.completed) 
     case 'SHOW_ACTIVE': 
     return todos.filter(t => !t.completed) 
    } 
    } 
)