当前位置: 首页 > 面试题库 >

React Redux对连接的组件使用HOC

宋丰
2023-03-14
问题内容

我在我的第一个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在子组件上使用。



 类似资料:
  • 问题内容: 我有一组数据是通过将相似的子项目匹配在一起,然后按“类别”将这些相似的项目分组而创建的。 现在,必须以使每个“ group_id”内的相关类别分组在一起的方式匹配结果类别。在下面的示例中,一个匹配项是A-> B-> C-> D-> E-> F-> G,这是通过逐行重复获得的。 我已经发布了当前答案,该答案适用于此简单数据集,但是由于实际数据集最多包含1M行,并且每个“ group_id

  • 问题内容: 我正在为一个类编写一个函数: 我的图是: 其中键是节点,值是边。我的功能给了我这个连接的组件: 但是我将有两个不同的连接组件,例如: 我不明白我在哪里犯了错误。谁能帮我? 问题答案: 让我们简化图形表示: 这里,我们有一个函数返回一个字典,该字典的键是根,值是连接的组件: 让我们尝试一下: {8:[6、8、9],1:[0、1、2、3、4、5、7]}

  • 本文向大家介绍JavaScript使用concat连接数组的方法,包括了JavaScript使用concat连接数组的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript使用concat连接数组的方法。分享给大家供大家参考。具体如下: 下面的代码演示了JS中如何通过concat函数链接多个数组 上面的代码运行结果如下: Jani,Tove,Stale,Kai Jim,B

  • 摘要 本文介绍了 RT-Thread AT 组件的基本知识和 AT 客户端的使用方法,帮助开发者更好地使用 RT-Thread AT 组件。 简介 为了方便用户使用 AT 命令,简单的适配不同的 AT 模块, RT-Thread 提供了 AT 组件用于 AT 设备的连接和数据通讯。AT 组件的实现包括客户端的和服务器两部分。对于嵌入式设备而言,更多的情况下设备使用 AT 组件作为客户端连接服务器设

  • ActiveX 组件是建立强大的 Web 应用程序的关键。组件提供了用在脚本中执行任务的对象。ASP 同样提供了可在脚本中使用的内建对象。本主题将讨论如何使用组件提供的对象以及由 Active Server Pages 直接提供的内建对象。 关于组件 ActiveX 组件是一个文件,该文件包含执行某项或一组任务的代码。组件可以执行公用任务,这样就不必自己去创建执行这些任务的代码。例如,股票行情收报