javascript - 如何在 reduxjs 中设计独立模块？

Question

假设我们有一个 CountryPicker，它在挂载时会向服务器发送请求以加载国家列表然后显示它，用户可以选择一个国家，它会发送一个 PICK_COUNTRY操作并相应地更新 UI。当它无法加载国家列表时，它也会显示一些有用的信息。该组件的逻辑相当完整且独立。

我们的许多页面都使用这个 CountryPicker 并且显然我们想重用代码。

根据情况，我们有一个 CountryPicker React 组件，一个 CountryReducer 和 CountryActions。

问题是，当用户选择不同的国家/地区时，我们的一些使用 CountryPicker 的页面想要做更多的事情(比如根据新国家/地区检索新数据)。

我能想到的解决方案是为 CountryPicker 添加一个 handleSelectCountry 属性，并在用户选择国家时使用新的国家 payload 调用它。

这对我来说有点难看，有没有办法更一致地做到这一点？提前致谢。

Answer 1

您可以使用 Store.subscribe 来观察组件状态的变化并从那里触发操作。

http://rackt.org/redux/docs/api/Store.html#subscribe