我在我的第一个React Native项目中。我想创建一个仅处理从api同步数据的HOC。然后,这将包装所有其他组件。
如果我是正确的,我的DataSync
组件将通过在export语句中执行以下操作来增强所有其他组件:export default DataSync(SomeOtherComponent);
我苦苦挣扎的概念是SomeOtherComponent
也依赖于React Redux Connect方法来获取其他redux状态。我的问题是如何同时使用两者?像这样吗export default DataSync(connect(mapStateToProps, mapDispatchToProps)(SomeOtherComponent));
我可能在这里完全误解了这个概念,所以我非常感谢一些提示
编辑
进一步说明:
我的DataSync HOC将纯粹处理应用程序之间的数据同步,并且将是顶级组件。它将需要访问auth状态,并将为所有其他组件在Redux中设置数据(在这种情况下为订单)。
嵌套在DataSync HOC中的组件需要访问检索到的数据,路线,然后它们又创建必须定期同步回到服务器的状态(顺序)。
最佳答案
可能是您想要的:
DataSync.js
export default connect(mapStateToProps, mapDispatchToProps)(DataSync);
SomeOtherComponent.js
export default DataSync(connect(mapStateToProps, mapDispatchToProps)(SomeOtherComponent));
在子组件上也使用
connect
。这是WHY