ReactJS redux 订阅语句

Question

store.subscribe( () => {} ) 是观察 Redux 商店变化的唯一方法吗？

我异步获取我的用户，当应用程序加载时，用户存储很可能是空的，所以我必须做这样的事情:

store.subscribe( () => {

        var users = store.getState().users;
        if( users.length > 0 ) {
          this.setState({ ... })
        }

      });

现在我有 3 或 4 个组件，我必须在每个组件中使用相同的逻辑。我的问题:这个问题有更优雅的解决方案吗？在“全局级别”聆听 Redux 变化的某种方式？

Answer 1

这里有两个答案。

是的，store.subscribe() 是观察商店变化的唯一方法(有一个挑剔的异常(exception)，商店也实现了 Symbol.observable，所以你如果您使用的是可观察对象，您也可以通过这种方式订阅)。

但是，来自官方 React-Redux 的 connect 函数已经处理了商店订阅和提取组件所需数据的过程。不要自己编写商店订阅逻辑 - 使用 connect。 (我在 Reddit 上写了一篇很长的评论 explaining why you should use React-Redux instead of manually subscribing 。)