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

假设我们有一个

CountryPicker

，它在挂载时将向服务器发送一个请求以加载国家列表，然后显示它，用户可以选择一个国家，它将发送一个

pick\u country

操作并相应地更新UI。当无法加载国家/地区列表时，它还会显示一些有用的信息。该组件的逻辑相当完整和独立

我们的许多页面都使用这个

CountryPicker

，显然我们希望重用代码

根据情况，我们有一个

CountryPicker

React组件、一个

CountryReducer

和

CountryActions

问题是，当用户选择不同的国家时，我们使用

CountryPicker

的一些页面想做更多的事情（比如根据新国家检索新数据）

我能想到的解决方案是为

CountryPicker

添加一个

handleSelectCountry

道具，当用户选择一个国家时，用新的国家有效载荷调用它

---

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

您可以使用

Store.subscribe

监视组件状态的更改并从中触发操作