react-redux - 在 hooks 文檔中，為什么在調用 createSelector() 時將選擇器的參數放入單獨的參數選擇器中？

Question

在react-redux 文檔的useSelector鈎子示例中，有一個代碼片段：

const selectNumOfTodosWithIsDoneValue = createSelector(
  state => state.todos,
  (_, isDone) => isDone,
  (todos, isDone) => todos.filter(todo => todo.isDone === isDone).length
)

正如我們所見， isDone是selectNumOfTodosWithIsDoneValue一個參數。 但是為什么它放在一個單獨的參數選擇器中，即(_, isDone) => isDone ？ 我可以寫如下嗎？

const selectNumOfTodosWithIsDoneValue = createSelector(
  (state, isDone) => state.todos.filter(todo => todo.isDone === isDone),
  filteredTodos => filteredTodos.length
)

這兩種方法有什么區別？

Answer 1

第二個示例將始終導致完全重新計算，因為filter()始終返回一個新的數組引用。

雖然我對當前的（第一個）示例不是特別滿意，但它確實記住了，因為它只會在state.todos或isDone更改時重新計算長度。