小编may*_*yid的帖子

React Redux将HOC与连接组件一起使用

我正处于我的第一个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中的组件需要访问检索到的数据,路由,它们又创建必须定期同步回服务器的状态(订单).

javascript reactjs react-native redux react-redux

11
推荐指数
4
解决办法
2万
查看次数

标签 统计

javascript ×1

react-native ×1

react-redux ×1

reactjs ×1

redux ×1