假设我们有一个CountryPicker
which on mount 将向服务器发送一个请求以加载国家列表然后显示它,用户可以选择一个国家,它会发送一个PICK_COUNTRY
动作并相应地更新 UI。当它无法加载国家列表时,它也会显示一些有用的信息。该组件的逻辑相当完整和独立。
我们的许多页面都使用它CountryPicker
,显然我们希望重用代码。
根据情况,我们有一个CountryPicker
React 组件,aCountryReducer
和CountryActions
。
问题是,CountryPicker
当用户选择不同的国家时,我们使用的一些页面想要做更多的事情(比如根据新国家检索新数据)。
我能想到的解决方案是为 添加一个handleSelectCountry
道具CountryPicker
,并在用户选择一个国家/地区时使用新的国家/地区有效负载调用它。
这对我来说有点难看,反正有没有更一致的做法?提前致谢。