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