使用ReactJS中的逆向数据流,让孩子与父母进行交流的好方法是什么?

塞巴斯蒂安·阿辛特(Sebastien Axinte)

我想知道有关React应用程序中的反向数据流的一些信息。考虑以下问题:React应用程序中的数据流和本文http://facebook.github.io/react/docs/thinking-in-react.html

我们可以看到,从子组件到父组件进行通信的“正常”方式是使用通过this.props.myCallback传递的回调。(StackOverflow文章是一个很好的例子)

我的问题是:

  • 我理解这个概念,但是如果我们有更深入的组件,该怎么办?我们将必须将此回调传递给持有状态的顶级父组件与实际触发组件之间的每个组件。并且如果它们之间有3到4个组件,则必须在每个组件中使用this.props传递回调。
  • 为什么不使用事件发射器?我可以从深度子组件发送一个事件,然后在顶级状态父组件中侦听此事件。这样,我们可以避免这两者之间的所有代码。

请告诉我您对此有何想法!

帮助

我学到了一种很难的方法,那就是在您的组件层次结构的最高层次上保持尽可能多的逻辑是一种好习惯。丹·阿布拉莫夫(Dan Abramov)在“智能和哑巴组件”一文中很好地表达了这一想法,其中智能组件是那些持有逻辑的组件,而哑巴组件只是用于显示。

因此,是的,当您仅想更新父亲的状态,或者希望父亲执行其逻辑不想属于孩子的操作时,回调机制就可以很好地工作。

当您遇到比这更复杂的事情时,我建议您使用自己喜欢的Flux-ish体系结构。实际上,Flux使用节点的EventEmitter与组件进行通信。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将tcp上的数据流存储到大型阵列中的最佳方法是什么?

来自分类Dev

在Scalaz中实现“延迟”列表流的好方法是什么

来自分类Dev

从流数据流访问Bigtable的最佳实践是什么

来自分类Dev

角度2-父母和孩子通过服务进行交流

来自分类Dev

Angular2 - 父母和孩子通过服务进行交流

来自分类Dev

在NetLogo中对龟变量进行变异的好方法是什么?

来自分类Dev

父母和孩子的created_at订购的最佳方法是什么?

来自分类Dev

JPEG中压缩扫描数据流的结构是什么,是字节对齐的吗?

来自分类Dev

使用ReactJs中的道具从父母到孩子的数据无法正常工作

来自分类Dev

:ms-properties备用数据流的内容是什么?

来自分类Dev

交流儿童父母的ReactJs

来自分类Dev

如何开始对SpaceNavigator外围数据流进行逆向工程?

来自分类Dev

在JQuery中获得祖父母的第一个孩子的最优雅,可靠和高效的方法是什么?

来自分类Dev

对于Mac上的高带宽数据流,最有效的进程间通信方法是什么?

来自分类Dev

如果任务之间的数据流很大,利用dask多处理调度程序的最有效方法是什么?

来自分类Dev

为什么数据流使用额外的磁盘?

来自分类Dev

使用数据流清理 CSV 文件中的数据

来自分类Dev

鞋子中的数据流

来自分类Dev

隔离父母的范围会阻止与孩子的交流

来自分类Dev

隔离父母的范围会阻止与孩子的交流

来自分类Dev

擦除整个数据并将新数据加载到服务表中的好方法是什么?

来自分类Dev

在Java中的并行数据流的正确使用

来自分类Dev

使用ValueProvider格式化数据流中的BigQuery

来自分类Dev

将孩子绑定到父母共享的模型的正确方法是什么?

来自分类Dev

进行多个完整外部联接的好方法是什么?

来自分类Dev

对多个版本的Hadoop进行Java编码的好方法是什么?

来自分类Dev

hadoop和mahout中正确的数据流应该是什么?

来自分类Dev

hadoop和mahout中正确的数据流应该是什么?

来自分类Dev

在mongo数据库中定义用户角色的好方法是什么

Related 相关文章

  1. 1

    将tcp上的数据流存储到大型阵列中的最佳方法是什么?

  2. 2

    在Scalaz中实现“延迟”列表流的好方法是什么

  3. 3

    从流数据流访问Bigtable的最佳实践是什么

  4. 4

    角度2-父母和孩子通过服务进行交流

  5. 5

    Angular2 - 父母和孩子通过服务进行交流

  6. 6

    在NetLogo中对龟变量进行变异的好方法是什么?

  7. 7

    父母和孩子的created_at订购的最佳方法是什么?

  8. 8

    JPEG中压缩扫描数据流的结构是什么,是字节对齐的吗?

  9. 9

    使用ReactJs中的道具从父母到孩子的数据无法正常工作

  10. 10

    :ms-properties备用数据流的内容是什么?

  11. 11

    交流儿童父母的ReactJs

  12. 12

    如何开始对SpaceNavigator外围数据流进行逆向工程?

  13. 13

    在JQuery中获得祖父母的第一个孩子的最优雅,可靠和高效的方法是什么?

  14. 14

    对于Mac上的高带宽数据流,最有效的进程间通信方法是什么?

  15. 15

    如果任务之间的数据流很大,利用dask多处理调度程序的最有效方法是什么?

  16. 16

    为什么数据流使用额外的磁盘?

  17. 17

    使用数据流清理 CSV 文件中的数据

  18. 18

    鞋子中的数据流

  19. 19

    隔离父母的范围会阻止与孩子的交流

  20. 20

    隔离父母的范围会阻止与孩子的交流

  21. 21

    擦除整个数据并将新数据加载到服务表中的好方法是什么?

  22. 22

    在Java中的并行数据流的正确使用

  23. 23

    使用ValueProvider格式化数据流中的BigQuery

  24. 24

    将孩子绑定到父母共享的模型的正确方法是什么?

  25. 25

    进行多个完整外部联接的好方法是什么?

  26. 26

    对多个版本的Hadoop进行Java编码的好方法是什么?

  27. 27

    hadoop和mahout中正确的数据流应该是什么?

  28. 28

    hadoop和mahout中正确的数据流应该是什么?

  29. 29

    在mongo数据库中定义用户角色的好方法是什么

热门标签

归档