使用reselect - createStructuredSelector的反应选择器

Question

我想知道如果你能给我一个建议，我将不胜感激。

我是第一次在我的一个项目中使用重选包。我根据下面的链接创建makeGetVisibleTodos选择器，然后如果我使用createStructuredSelector将这个选择器链接到如下所示的组件；

const mapStateToProps = createStructuredSelector({
  visibleTodos: makeGetVisibleTodos()
});

它起作用了吗？我的意思是，如果我多次使用这个组件，我会因为共享组件而遇到任何问题吗？通过这种方式，我没有像makeMapStateToProps那样为mapStateToProps创建函数。

https://github.com/reduxjs/reselect#sharing-selectors-with-props-across-multiple-component-instances

谢谢

Answer 1

这不会像预期的那样工作，因为在创建结构化选择器时，只调用makeGetVisibleTodos一次。生成的选择器将在所有组件实例之间共享。如果这是一个问题(因为选择器结果依赖于组件属性，您需要添加一个间接级别，如reselect docs section you linked中所述

const mapStateToProps = () => createStructuredSelector({
  visibleTodos: makeGetVisibleTodos()
});